Informations sur le test

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

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

Description du test : Cette page contient des éléments avec des images en background-image 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 images utilisées comme background-image.

Contenu du test

Cette page contient :

  • Des éléments avec background-image dans le DOM principal (inline styles)
  • Des éléments avec background-image via des classes CSS dans le DOM principal
  • Des éléments avec background (shorthand) contenant une image dans le DOM principal
  • Des éléments sans background-image dans le DOM principal (test négatif)
  • Des éléments similaires dans des Shadow DOM
  • Des éléments avec background-image dans des Shadow DOM imbriqués

Éléments avec background-image dans le DOM principal

Test avec background-image en style inline :

Élément avec background-image inline

Test avec background-image via classe CSS :

Élément avec background-image via classe

Test avec background (shorthand) contenant une image :

Élément avec background shorthand

Test avec plusieurs background-image (multiple backgrounds) :

Élément avec plusieurs background-image

Éléments sans background-image dans le DOM principal (test négatif)

Test avec seulement background-color (ne doit pas être détecté) :

Élément sans background-image

Test avec élément sans style de background (ne doit pas être détecté) :

Élément sans background

Composants avec Shadow DOM