Comprendre les éléments cachés
Par défaut, les outils d'analyse d'accessibilité peuvent signaler chaque élément d'une page, y compris ceux qui ne sont pas visibles pour l'utilisateur à ce moment-là. Cela peut entraîner des « faux positifs », c'est-à-dire des erreurs qui n'ont en réalité aucune incidence sur l'expérience utilisateur, car l'élément est caché aux utilisateurs voyants comme aux lecteurs d'écran.
Lorsque ce commutateur est activé, l'outil d'analyse ignore automatiquement les éléments volontairement cachés de l'arborescence d'accessibilité.
Qu'est-ce qui est considéré comme un « élément caché »?
L'outil d'analyse recherche des marqueurs techniques précis pour déterminer si un élément doit être ignoré. Ces marqueurs comprennent :
- display : none; : Retire l'élément de la mise en page et de l'arborescence d'accessibilité.
- visibility : hidden; : Invisible pour les utilisateurs et les lecteurs d'écran, mais conserve son espace dans la mise en page.
- aria-hidden="true" : Cache l'élément aux technologies d'assistance uniquement; il reste visible à l'écran.
- hidden (attribut) : Attribut HTML natif qui cache les éléments à l'écran et aux lecteurs d'écran.
- <input type="hidden"> : Stocke des données sans interaction de l'utilisateur ni présence visuelle.
- Inert (attribut) : Désactive l'interaction et cache des sections aux lecteurs d'écran et au clavier.
Pourquoi utiliser cette fonctionnalité?
Rapports épurés : Concentrez-vous uniquement sur les problèmes qui touchent vos utilisateurs actifs.
Moins de bruit : Évitez que votre rapport soit encombré de centaines d'erreurs de « Contraste » ou de « Texte alternatif » pour des éléments qui ne sont pas visibles à l'écran (comme des menus mobiles cachés ou des pixels de suivi).
Désactiver le signalement des éléments cachés à l'aide de balises HTML
-
Accédez à l'onglet Sites Web dans EqualGround.
-
Cliquez sur Actions > Afficher le site Web.
-
Dans la barre de menu latérale, sélectionnez Configuration, puis faites défiler jusqu'à Exclusions de balises HTML. Cliquez sur Ajouter des balises.
-
Sélectionnez Ajouter une balise.
- Saisissez la Balise HTML et l'Attribut. Copiez et collez le marqueur technique de votre choix dans le champ Valeur.
Remarque : Pour plus d'information, reportez-vous à la section « Qu'est-ce qui est considéré comme un “élément caché”? ». - Cliquez sur Sauvegarder pour terminer le processus.
Désactiver les éléments cachés en basculant l'option Ignorer les éléments cachés
Suivez ces étapes si vous souhaitez que les analyses ignorent les éléments cachés sans ajouter de balises HTML.
-
Accédez à l'onglet Sites Web dans EqualGround.
-
Cliquez sur Actions > Afficher le site Web.
-
Dans la barre de menu latérale, sélectionnez Configuration, puis faites défiler jusqu'à Exclusions de balises HTML. Cliquez sur Ajouter des balises.
-
Basculez le bouton Ignorer les éléments cachés pour activer la fonctionnalité. Cliquez sur Sauvegarder pour terminer le processus.