Liens "En savoir plus" accessibles

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 :

Lire la suite

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.

Retour au blog