- Le lecteur d'écran peut lire l'élément caché?
- Comment masquer le contenu sur le lecteur d'écran?
- Comment masquer le contenu mais le rendre accessible à la technologie d'assistance comme un lecteur d'écran?
- Comment rendre le texte accessible aux lecteurs d'écran?
Le lecteur d'écran peut lire l'élément caché?
Les lecteurs d'écran ignorent généralement tout ce qui est affiché: aucun, il n'est donc pas lu pour les lecteurs d'écran. Il existe différentes façons d'avoir des choses cachées visuellement ou non visuelles, nous allons donc parcourir les cas et les techniques pour chaque.
Comment masquer le contenu sur le lecteur d'écran?
Pour masquer le texte à un lecteur d'écran et l'afficher visuellement, utilisez l'attribut ARIA-HIDDEN et définissez-le sur true. Pour masquer le texte à un lecteur d'écran et le masquer visuellement, utilisez l'attribut caché. Vous pouvez également utiliser CSS pour définir l'affichage: Aucune ou visibilité: caché pour masquer un élément aux lecteurs d'écran et visuellement.
Comment masquer le contenu mais le rendre accessible à la technologie d'assistance comme un lecteur d'écran?
La manière conventionnelle est d'utiliser CSS (affichage: aucune; et visibilité: cachée;) ou l'attribut HTML 5 `Hidden`. Ces propriétés cachent des éléments non seulement à l'écran, mais aussi pour les utilisateurs du lecteur d'écran. Ainsi, ces éléments ne seront pas visibles ni vocalisés par des technologies d'assistance (AT).
Comment rendre le texte accessible aux lecteurs d'écran?
Utilisez des styles de titre, de sous-titre et de cap intégrés
Utilisez les styles d'en-tête intégrés et créez des textes de rubrique descriptifs pour faciliter les utilisateurs du lecteur d'écran pour déterminer la structure du document et naviguer dans les en-têtes.