Le problème
« Cliquez ici » distingue mal les ressources dans une liste. Une balise a sans href ne fournit pas le comportement complet d’un hyperlien.
Exemple : mauvais et correct
Mauvais
<a href="/audit-rgaa">Cliquez ici</a>Correct
<a href="/audit-rgaa">Découvrir notre audit RGAA</a>Le texte annonce directement la destination.
RGAA concerné
Les critères dépendent de l’élément, de son usage et des cas particuliers applicables. Voici les contrôles à examiner pour ce sujet.
- Critère 6.1 — Expliciter la destination par l’intitulé ou le contexte autorisé.
- Critère 6.2 — Fournir un intitulé.
- Critère 10.6 — Distinguer les liens dans le texte.
- Critère 10.7 — Rendre leur focus visible.
Impact utilisateur
Au lecteur d’écran, des liens identiques obligent à revenir au contenu pour les distinguer. Des liens peu distincts du texte sont difficiles à repérer visuellement.
Correction
- Utilisez a avec un href réel. Décrivez la destination, particulièrement dans les listes de ressources ou cartes comportant plusieurs liens.
- Dans un paragraphe, rendez le lien identifiable. Le soulignement donne un repère ; la couleur seule doit satisfaire les conditions du critère 10.6.
- Si vous utilisez un nom ARIA, incluez au moins l’intitulé visible. Le texte suffit généralement lorsqu’il exprime déjà la destination.
Méthode de test
- Avec Tab puis Entrée, vérifiez accès, focus visible et arrivée sur la ressource annoncée.
- Au lecteur d’écran, parcourez les liens : repérez les noms vides, ambigus ou inutilement répétés.
- Vérifiez leur contexte RGAA et leur distinction visuelle dans les paragraphes. Un outil automatique ne tranche pas toute la pertinence d’un intitulé.
Points de vigilance
- « En savoir plus » peut être conforme si le contexte admis explicite la destination.
- Une commande ouvrant ou modifiant un composant relève généralement d’un bouton.
Sources officielles
Le RGAA fournit les critères de contrôle. Les ressources du W3C et du WHATWG complètent les méthodes de mise en œuvre ; elles ne remplacent pas les tests RGAA.