Informations sur le test

Cette page est utilisée pour tester les bookmarklets d'accessibilité RGAA 4.1.2.

Nom du fichier : 10.8-test-shadow-dom.html

Description du test : Cette page contient des éléments cachés dans le DOM principal et dans des Shadow DOM pour tester les critères d'accessibilité RGAA 4.1.2 concernant la détection des éléments cachés et la mise en évidence des éléments avec aria-hidden="true".

Contenu du test

Cette page contient :

  • Des éléments avec aria-hidden="true" dans le DOM principal (doivent être détectés et mis en évidence)
  • Des éléments cachés avec différents moyens dans le DOM principal (doivent être détectés)
  • Des éléments similaires dans des Shadow DOM
  • Des éléments avec différents états dans des Shadow DOM imbriqués

Éléments avec aria-hidden="true" dans le DOM principal (doivent être détectés et mis en évidence)

Test avec élément ayant aria-hidden="true" :

Div avec aria-hidden="true" (doit être détecté et mis en évidence)

Test avec paragraphe ayant aria-hidden="true" :

Paragraphe avec aria-hidden="true" (doit être détecté et mis en évidence)

Éléments cachés dans le DOM principal (doivent être détectés)

Test avec élément ayant l'attribut hidden :

Div avec attribut hidden (doit être détecté)

Test avec élément ayant display: none :

Contenu caché avec display: none

Div avec display: none (doit être détecté)

Test avec élément ayant visibility: hidden :

Contenu caché avec visibility: hidden

Div avec visibility: hidden (doit être détecté)

Éléments visibles dans le DOM principal (ne doivent PAS être détectés)

Test avec élément visible :

Contenu visible normal

Div visible (ne doit PAS être détecté)

Composants avec Shadow DOM