Liens accessibles
Sélectionnez un lien dans un document et votre navigateur ouvre le document lié, soit dans la même fenêtre, soit dans une nouvelle fenêtre ou un nouvel onglet. Une personne utilisant un lecteur d'écran peut naviguer uniquement par les liens, le texte du lien doit donc être explicite.
Voici un exemple de bonne pratique car il indique vers quoi mène le lien :
- Pour en savoir plus, lisez notre Manifeste
Voici un exemple de mauvaise pratique car il ne donne aucune indication sur la nature de la destination et il peut s'agir de l'un de plusieurs liens similaires sur la même page :
- Pour en savoir plus, cliquez ici
Pour en savoir plus sur les liens accessibles, consultez cet article sur Creating valid and accessible links.
Liens intégrés
Cet article porte sur les liens intégrés dans le contenu d'un article. Il existe un article distinct sur l'utilisation de l'onglet Images et liens pour inclure des liens associés à un article.
Les liens intégrés dans un article peuvent pointer vers d'autres pages du site (liens internes) ou vers d'autres sites (liens externes). La procédure d'insertion des deux types diffère. Elles sont décrites ci-dessous.
Insérer un lien interne
La procédure pour insérer un lien vers un article du même site est simple :
-
Saisir la phrase contenant le texte du lien. Par exemple :
Pour plus d'informations, veuillez consulter la page sur les grenouilles.
-
Sélectionner le texte du lien : Grenouilles
Le lien peut pointer vers un seul article ou vers un lien de menu pour un blog de catégorie, une liste de catégorie ou les articles épinglés.
Lien vers un seul article
- Sélectionner Article dans la liste déroulante Joomla.
- Sélectionner le titre de l'article requis dans la fenêtre Article.
- Enregistrer l'article et l'essayer à l'aide du bouton Prévisualiser dans la barre d'outils.
Lien de menu
- Sélectionner Menu dans la liste déroulante Joomla.
- Sélectionner le lien de menu requis dans la fenêtre Menu.
- Enregistrer l'article et l'essayer à l'aide du bouton Prévisualiser dans la barre d'outils.
Insérer un lien externe
Pour un lien externe, il est préférable de copier le lien depuis la barre d'adresse du navigateur. Pour cela, il est utile d'avoir des fenêtres ou des onglets séparés ouverts pour le formulaire Articles : Modifier de votre site et le site distant vers lequel vous créez un lien. Procédure :
-
Trouver ou créer une phrase contenant le texte à utiliser pour le lien. Par exemple :
Pour plus d'informations, consultez l'article de Wikipédia sur les rainettes vertes.
-
Sélectionner le ou les mots à lier, dans ce cas Green Tree Frogs.
-
Puis utiliser l'une des méthodes suivantes :
- Sélectionner Insérer → Lien dans le menu Texte de l'article (la première barre d'outils en haut de l'onglet Contenu).
- Double-cliquer sur le texte sélectionné pour ouvrir un petit menu contextuel contenant une icône de lien à sélectionner.
Les deux méthodes ouvrent une boîte de dialogue Insérer/Modifier le lien à remplir comme suit :
- Dans le champ URL, coller le lien copié depuis la barre d'adresse de la fenêtre de destination.
- Le champ Texte à afficher doit contenir le texte que vous avez sélectionné avant d'ouvrir la boîte de dialogue. Si ce n'est pas le cas, tout texte saisi ici sera inséré dans l'article, il doit donc avoir un sens contextuel. Pour rappel : éviter Cliquez ici ou En savoir plus.
- Le champ Titre crée un attribut Title pour le lien, mais son utilisation par les navigateurs est incohérente et controversée pour l'accessibilité. En cas de doute, le laisser vide.
- Le champ Rel propose plusieurs options. En cas de doute, le laisser sur Aucun. Une liste des options disponibles figure dans l'article mdn web docs sur l'attribut HTML : rel.
- Le champ Ouvrir le lien dans... propose un choix simple entre Fenêtre actuelle et Nouvelle fenêtre. Les paramètres du navigateur déterminent si cela ouvre une nouvelle fenêtre distincte ou un nouvel onglet.
- Enregistrer l'article et l'essayer à l'aide du bouton Prévisualiser dans la barre d'outils.
Vérification du lien
Dans la vue du site de la page, vérifier que le lien s'affiche correctement et fonctionne bien. Essayer également avec un lecteur d'écran !
Supprimer un lien
Il existe plusieurs façons de supprimer un lien. Méthode 1 :
- Cliquer sur le lien.
- Sélectionner l'icône points de suspension (...) pour ouvrir le menu étendu de l'éditeur.
- Sélectionner l'icône Supprimer le lien.
- Enregistrer. Le texte reste mais le lien a disparu.
Méthode 2 :
- Double-cliquer sur le lien.
- Sélectionner l'icône Lien dans le petit menu contextuel.
- Dans la boîte de dialogue Insérer/Modifier le lien, supprimer le contenu du champ URL.
- Enregistrer. Le texte reste mais le lien a disparu.
Méthode 3 :
- Supprimer le texte contenant le lien. Le lien et le texte disparaissent tous les deux.
Méthode 4 :
- Sélectionner le lien.
- Sélectionner le bouton Éditer / Lien de TinyMCE.
- Dans la boîte de dialogue Insérer/Modifier le lien, supprimer le contenu du champ URL.
- Enregistrer. Le texte reste mais le lien a disparu.
Modifier un lien
En utilisant l'une des méthodes décrites ci-dessus pour ouvrir la boîte de dialogue Insérer/Modifier le lien, coller une nouvelle URL. Pour rappel : il est toujours préférable de copier l'URL depuis la barre d'adresse d'une fenêtre ou d'un onglet de navigateur affichant la page de destination et de la coller dans le champ URL du formulaire Insérer/Modifier le lien.