Le problème
Ah oui, le lien insaisissable "En savoir plus". Il s'agit d'un traitement de conception courant pour demander aux utilisateurs de lire davantage. Pourtant, lorsqu'il s'agit d'un utilisateur AT , des liens comme ceux-ci donnent trop peu de contexte pour être significatifs.
Voici un exemple de ce à quoi nous faisons référence :
Si vous utilisiez un lecteur d'écran en ce moment, comment sauriez-vous ce que signifie ce lien ? En savoir plus sur quoi ?
Une solution possible
Voici une solution simple et efficace pour donner plus de contexte aux utilisateurs :
En savoir plus sur le sujet auquel cet article se rapporte.
Vous voyez un texte supplémentaire ? Moi non plus. C'est le résultat de la classe CSS .visuallyhidden
masquant le texte supplémentaire. Si vous deviez tester cela avec un lecteur d'écran, il lirait à haute voix le texte intégral dans l'élément <anchor>
et l'élément caché <span>
, donnant beaucoup plus de contexte à l'utilisateur. Cela donne plus de détails sur ce que l'utilisateur est sur le point de cliquer et c'est en effet ce qu'il recherche.