RGAA 4.1.2 : Critères et tests

1. Retrouver dans le document les images structurées au moyen d’un élément <img> ou d’un élément possédant l’attribut WAI-ARIA role="img" ;
2. Pour chaque image, déterminer si l’image est porteuse d’information ;
3. Dans le cas où il s’agit d’un élément <img>, vérifier que l’image est pourvue au moins d’une alternative textuelle parmi les suivantes :
   • Passage de texte associé via l’attribut WAI-ARIA aria-labelledby ;
   • Contenu de l’attribut WAI-ARIA aria-label ;
   • Contenu de l’attribut alt ;
   • Contenu de l’attribut title.
4. Dans le cas où il s’agit d’un élément possédant l’attribut WAI-ARIA role="img", vérifier que l’image est pourvue au moins d’une alternative textuelle parmi les suivantes :
   • Passage de texte associé via l’attribut WAI-ARIA aria-labelledby ;
   • Contenu de l’attribut WAI-ARIA aria-label.
5. Si au moins une alternative textuelle est trouvée, le test est validé.

1. Retrouver dans le document les éléments <area> ;
2. Pour chaque élément <area>, déterminer si la zone réactive est porteuse d’information ;
3. Vérifier que la zone réactive est pourvue au moins d’une alternative textuelle parmi les suivantes :
   • Contenu de l’attribut WAI-ARIA aria-label ;
   • Contenu de l’attribut alt ;
4. Si au moins une alternative textuelle est trouvée, le test est validé.

1. Retrouver dans le document les éléments <input> pourvus de l’attribut type="image" ;
2. Pour chaque élément <input> pourvu de l’attribut type="image", déterminer si l’image utilisée est porteuse d’information ;
3. Vérifier que l’élément <input> est pourvu au moins d’une alternative textuelle parmi les suivantes :
   • Passage de texte associé via l’attribut WAI-ARIA aria-labelledby ;
   • Contenu de l’attribut WAI-ARIA aria-label ;
   • Contenu de l’attribut alt ;
   • Contenu de l’attribut title.
4. Si au moins une alternative textuelle est trouvée, le test est validé.

1. Retrouver dans le document les éléments <img> pourvus de l’attribut ismap ;
2. Pour chaque élément <img> pourvu de l’attribut ismap, vérifier la présence d’un lien ou d’un ensemble de liens (ou bien d’un autre type de composant d’interface qui jouerait un rôle similaire comme une liste de sélection, par exemple) permettant d’accéder aux mêmes ressources que lorsque l’image fait l’objet d’un clic.
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document les éléments <svg> ;
2. Pour chaque élément <svg>, déterminer si l’image est porteuse d’information ;
3. S’assurer que l’élément <svg> est pourvu d’un attribut WAI-ARIA role="img" ;
4. Si ce n’est pas le cas, le test est invalidé.
5. Le cas échéant, vérifier que l’élément <svg> est pourvu au moins d’une alternative textuelle parmi les suivantes :
   • Contenu de l’élément <title> ;
   • Passage de texte associé via l’attribut WAI-ARIA aria-labelledby ;
   • Contenu de l’attribut WAI-ARIA aria-label ;
6. Si au moins une alternative textuelle est trouvée, le test est validé.

1. Retrouver dans le document les balises ouvrantes <object> pourvues de l'attribut type="image/…" ;
2. Pour chaque balise ouvrante <object> pourvue de l'attribut type="image/…", déterminer si l’image utilisée est porteuse d'information ;
3. Vérifier que l’élément <object> est pourvu d’un attribut WAI-ARIA role="img" ;
4. Vérifier que l’élément <object> est pourvu au moins d’une alternative textuelle parmi les suivantes :
   • Passage de texte associé via l’attribut WAI-ARIA aria-labelledby ;
   • Contenu de l’attribut WAI-ARIA aria-label ;
   • Contenu de l’attribut title.
5. Si au moins une alternative textuelle est trouvée, le test est validé ;
6. Sinon, vérifier que l'élément <object> est :
   • Soit immédiatement suivi d'un lien ou bouton adjacent permettant d'accéder à un contenu alternatif ;
   • Soit un mécanisme permet à l'utilisateur de remplacer l'élément <object> par un contenu alternatif.
7. Si c'est le cas, le test est validé.

1. Pour chaque élément <embed> pourvu de l’attribut type="image/…", déterminer si l’image utilisée est porteuse d’information ;
2. Vérifier que l’élément <embed> est pourvu d’un attribut WAI-ARIA role="img" ;
3. Vérifier que l’élément <embed> est pourvu au moins d’une alternative textuelle parmi les suivantes :
   • Passage de texte associé via l’attribut WAI-ARIA aria-labelledby ;
   • Contenu de l’attribut WAI-ARIA aria-label ;
   • Contenu de l’attribut title.
4. Si au moins une alternative textuelle est trouvée, le test est validé ;
5. Sinon, vérifier que l’élément <embed> est :
   • Soit immédiatement suivi d’un lien ou bouton adjacent permettant d’accéder à un contenu alternatif ;
   • Soit un mécanisme permet à l’utilisateur de remplacer l’élément <embed> par un contenu alternatif.
6. Si c’est le cas, le test est validé.

1. Retrouver dans le document les éléments <canvas> ;
2. Pour chaque élément <canvas>, déterminer si l’image utilisée est porteuse d’information ;
3. Vérifier que l’élément <canvas> est pourvu d’un attribut WAI-ARIA role="img" ;
4. Vérifier que la balise ouvrante <canvas> est pourvue au moins d’une alternative textuelle parmi les suivantes :
   • Passage de texte associé via l’attribut WAI-ARIA aria-labelledby ;
   • Contenu de l’attribut WAI-ARIA aria-label.
5. Si au moins une alternative textuelle est trouvée, le test est validé.
6. Si les étapes 3 et 4 ne sont pas satisfaites, vérifier que l’élément <canvas> est :
   • Soit pourvu d’un contenu alternatif présent entre les balises <canvas> et </canvas> ;
   • Soit immédiatement suivi d’un lien ou bouton adjacent permettant d’accéder à un contenu alternatif ;
   • Soit un mécanisme permet à l’utilisateur de remplacer l’élément <canvas> par un contenu alternatif.
7. Si c’est le cas, le test est validé.

Note : si l'élément <canvas> dispose d'un rôle img, son alternative ne peut être fournie que par les techniques listées à l'étape 4.

1. Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément <img> ;
2. Pour chaque image, vérifier que l’image ne possède pas d’attributs aria-labelledby, aria-label ou title et qu’elle possède :
   • Soit un attribut alt vide (alt="") ;
   • Soit un attribut WAI-ARIA aria-hidden="true" ou role="presentation".
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images décoratives structurées au moyen d’un élément <area> (sans attribut href) ;
2. Pour chaque image, vérifier que l’élément <area> ne possède pas d’attributs aria-labelledby, aria-label ou title et qu’il possède :
   • Soit un attribut alt vide (alt="") ;
   • Soit un attribut WAI-ARIA aria-hidden="true" ou role="presentation".
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images décoratives structurées dépourvues de légende au moyen d’un élément <object> (avec un attribut type="image/…") ;
2. Pour chaque image, vérifier que la balise ouvrante <object> ne possède pas d’attributs aria-labelledby, aria-label ou title et qu’elle :
   • Possède un attribut WAI-ARIA aria-hidden="true" ;
   • Et est dépourvue d’alternative textuelle ;
   • Et est dépourvue d’un contenu alternatif présent entre les balises <object> et </object>.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément <svg> ;
2. Pour chaque image, vérifier que l’élément <svg> ne possède pas d’attributs aria-labelledby ou aria-label et qu’il :
   • Possède un attribut WAI-ARIA aria-hidden="true" ;
   • Et est dépourvu d’alternative textuelle (ainsi que ses éléments enfants) ;
   • Et ne contient pas d’éléments <title> et <desc> à moins que vides de contenu ;
   • Et est dépourvu d’attribut title (ainsi que ses éléments enfants).
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément <canvas> ;
2. Pour chaque image, vérifier que l’élément <canvas> ne possède pas d’attributs aria-labelledby, aria-label ou title et qu’il :
   • Possède un attribut WAI-ARIA aria-hidden="true" ;
   • Et est dépourvu d’alternative textuelle ;
   • Et est dépourvu d’un contenu alternatif présent entre les balises <canvas> et </canvas>.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images décoratives dépourvues de légende structurées au moyen d’un élément <embed> (avec un attribut type="image/…") ;
2. Pour chaque image, vérifier que l’élément <embed> ne possède pas d’attributs aria-labelledby, aria-label ou title et qu’il :
   • Possède un attribut WAI-ARIA aria-hidden="true" ;
   • Et est dépourvu d’alternative textuelle ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images structurées au moyen d’un élément <img> (ou d’un élément possédant l’attribut WAI-ARIA role="img") pourvues d’une alternative textuelle ;
2. Pour chaque image, vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <area> pourvus d’une alternative textuelle ;
2. Pour chaque élément <area>, vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <input> pourvus de l’attribut type="image" et d’une alternative textuelle ;
2. Pour chaque élément <input> pourvu de l’attribut type="image", vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <object> pourvus de l’attribut type="image/…" et d’une alternative textuelle ;
2. Pour chaque élément <object> pourvu de l’attribut type="image/…", vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <embed> pourvus de l’attribut type="image/…" et d’une alternative textuelle ;
2. Pour chaque élément <embed> pourvu de l’attribut type="image/…", vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <svg> pourvus d’une alternative textuelle ;
2. Pour chaque élément <svg>, vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <canvas> pourvus d’une alternative textuelle ;
2. Pour chaque élément <canvas>, vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <canvas> pourvus d’un contenu alternatif entre les balises <canvas> et </canvas> ;
2. Pour chaque élément <canvas>, vérifier que le contenu alternatif est correctement restitué par les technologies d’assistance ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images pourvues d’une alternative textuelle ;
2. Pour chaque image, vérifier l’alternative textuelle est courte et concise ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images structurées au moyen d’un élément <img> pourvues d’une alternative textuelle et utilisées comme CAPTCHA ou comme image-test ;
2. Pour chaque image, vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <area> pourvus d’une alternative textuelle et utilisés comme CAPTCHA ou comme image-test ;
2. Pour chaque élément <area>, vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <input> pourvus de l’attribut type="image" et d’une alternative textuelle, et utilisés comme CAPTCHA ou comme image-test ;
2. Pour chaque élément <input> pourvu de l’attribut type="image", vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <object> pourvus de l’attribut type="image/…" et d’une alternative textuelle, et utilisés comme CAPTCHA ou comme image-test ;
2. Pour chaque élément <object> pourvu de l’attribut type="image/…", vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <embed> pourvus de l’attribut type="image/…" et d’une alternative textuelle, et utilisés comme CAPTCHA ou comme image-test ;
2. Pour chaque élément <embed> pourvu de l’attribut type="image/…", vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <svg> pourvus d’une alternative textuelle et utilisés comme CAPTCHA ou comme image-test ;
2. Pour chaque élément <svg>, vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <canvas> pourvus d’une alternative textuelle et utilisés comme CAPTCHA ou comme image-test ;
2. Pour chaque élément <canvas>, vérifier que l’alternative textuelle est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images (éléments <img>, <area>, <object>, <embed>, <svg>, <canvas> ou possédant un attribut WAI-ARIA role="img") utilisés comme CAPTCHA ou comme image-test ;
2. Pour chaque image, vérifier qu’il existe :
   • Soit une autre forme de CAPTCHA non graphique, au moins ;
   • Soit une autre solution d’accès à la fonctionnalité qui est sécurisée par le CAPTCHA.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les boutons associés à une image (éléments <input> avec l’attribut type="image") utilisés comme CAPTCHA ou comme image-test ;
2. Pour chaque bouton associé à une image, vérifier qu’il existe :
   • Soit une autre forme de CAPTCHA non graphique, au moins ;
   • Soit une autre solution d’accès à la fonctionnalité qui est sécurisée par le CAPTCHA.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images structurées au moyen d’un élément <img> (ou d’un élément possédant l’attribut WAI-ARIA role="img") porteuses d’information qui nécessitent une description détaillée ;
2. Pour chaque image, vérifier qu’il existe :
   • Soit un attribut longdesc qui donne l’adresse (url) d’une page ou d’un emplacement dans la page contenant la description détaillée ;
   • Soit une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;
   • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <object> pourvus de l’attribut type="image/…", porteurs d’information qui nécessitent une description détaillée ;
2. Pour chaque élément <object> pourvu de l’attribut type="image/…", vérifier qu’il existe :
   • Soit une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;
   • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
3. Si c’est le cas pour chaque élément <object> pourvu de l’attribut type="image/…", le test est validé.

1. Retrouver dans le document les éléments <embed> pourvus de l’attribut type="image/…", porteurs d’information qui nécessitent une description détaillée ;
2. Pour chaque élément <embed> pourvu de l’attribut type="image/…", vérifier qu’il existe :
   • Soit une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;
   • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
3. Si c’est le cas pour chaque élément <embed> pourvu de l’attribut type="image/…", le test est validé.

1. Retrouver dans le document les éléments <input> pourvus de l’attribut type="image", porteurs d’information qui nécessitent une description détaillée ;
2. Pour chaque élément <input> pourvu de l’attribut type="image", vérifier qu’il existe :
   • Soit une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;
   • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée ;
   • Soit un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée.
3. Si c’est le cas pour chaque élément <input> pourvu de l’attribut type="image", le test est validé.

1. Retrouver dans le document les éléments <svg> porteurs d’information qui nécessitent une description détaillée ;
2. Pour chaque élément <svg>, vérifier qu’il existe :
   • Soit un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ;
   • Soit un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée ;
   • Soit un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée ;
   • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
3. Si c’est le cas pour chaque élément <svg>, le test est validé.

1. Retrouver dans le document les éléments <svg> porteurs d’information dont la description détaillée est fournie au moyen d’un attribut aria-label, aria-labelledby ou aria-describedby ;
2. Pour chaque élément <svg>, vérifier que le contenu de la description détaillée est correctement restitué par les technologies d’assistance ;
3. Si c’est le cas pour chaque élément <svg>, le test est validé.

1. Retrouver dans le document les éléments <canvas> porteurs d’information qui nécessitent une description détaillée ;
2. Pour chaque élément <canvas>, vérifier qu’il existe :
   • Soit un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ;
   • Soit un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée ;
   • Soit un contenu textuel entre <canvas> et </canvas> faisant référence à une description détaillée adjacente à l’image bitmap ;
   • Soit un contenu textuel entre <canvas> et </canvas> faisant office de description détaillée ;
   • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
3. Si c’est le cas pour chaque élément <canvas>, le test est validé.

1. Retrouver dans le document les éléments <canvas> porteurs d’information dont la description détaillée est fournie au moyen d’un attribut aria-label, aria-labelledby ou aria-describedby ;
2. Pour chaque élément <canvas>, vérifier que le contenu de la description détaillée est correctement restitué par les technologies d’assistance ;
3. Si c’est le cas pour chaque élément <canvas>, le test est validé.

1. Retrouver dans le document les images (éléments <img>, <input> avec l’attribut type="image", <area>, <object>, <embed>, <svg>, <canvas> ou possédant un attribut WAI-ARIA role="img") porteuses d’information dont la description détaillée utilise un attribut WAI-ARIA aria-describedby ;
2. Pour chaque image, vérifier que le contenu de la description détaillée est correctement restitué par les technologies d’assistance ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments pourvus d’un attribut WAI-ARIA role="img" porteurs d’information qui nécessitent une description détaillée ;
2. Pour chaque élément role="img", vérifier qu’il existe :
   • Soit un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ;
   • Soit un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée ;
   • Soit un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée ;
   • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
3. Si c’est le cas pour chaque élément role="img", le test est validé.

1. Retrouver dans le document les images structurées au moyen d’un élément <img> qui possèdent une description détaillée ;
2. Pour chaque image, vérifier que la description détaillée est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <input> pourvus de l’attribut type="image" qui possèdent une description détaillée ;
2. Pour chaque élément <input> pourvu de l’attribut type="image", vérifier que la description détaillée est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <object> pourvus de l’attribut type="image/…" qui possèdent une description détaillée ;
2. Pour chaque élément <object> pourvu de l’attribut type="image/…", vérifier que la description détaillée est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <embed> pourvus de l’attribut type="image/…" qui possèdent une description détaillée ;
2. Pour chaque élément <embed> pourvu de l’attribut type="image/…", vérifier que la description détaillée est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <svg> qui possèdent une description détaillée ;
2. Pour chaque élément <svg>, vérifier que la description détaillée est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les éléments <canvas> qui possèdent une description détaillée ;
2. Pour chaque élément <canvas>, vérifier que la description détaillée est pertinente ;
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images texte structurées au moyen d’un élément <img> (ou d’un élément possédant l’attribut WAI-ARIA role="img") ;
2. Pour chaque image, vérifier que :
   • Soit il existe un mécanisme de remplacement ;
   • Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les boutons “images texte” (élément <input> avec l’attribut type="image") ;
2. Pour chaque image, vérifier que :
   • Soit il existe un mécanisme de remplacement ;
   • Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images texte objet (élément <object> avec l’attribut type="image/…") ;
2. Pour chaque image, vérifier que :
   • Soit il existe un mécanisme de remplacement ;
   • Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images texte embarquées (élément <embed> avec l’attribut type="image/…") ;
2. Pour chaque image, vérifier que :
   • Soit il existe un mécanisme de remplacement ;
   • Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images texte bitmap (élément <canvas>) ;
2. Pour chaque image, vérifier que :
   • Soit il existe un mécanisme de remplacement ;
   • Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images texte vectorielle (élément <svg>) porteuse d’information et dont le texte n’est pas complètement structuré au moyen d’éléments <text> ;
2. Pour chaque image, vérifier que :
   • Soit il existe un mécanisme de remplacement ;
   • Soit l’image contient un texte qui fait appel à un effet graphique qui ne peut pas être reproduit en CSS.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images pourvues d’une légende structurées au moyen d’élément <img>, d’un élément <input> avec l’attribut type="image" ou d’un élément possédant l’attribut WAI-ARIA role="img" ;
2. Pour chaque image, vérifier que :
   • L’image et sa légende sont contenues dans une balise <figure> ;
   • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
   • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
   • La légende est contenue dans une balise <figcaption>.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images objet pourvues d’une légende (élément <object> avec l’attribut type="image/…") ;
2. Pour chaque image, vérifier que :
   • L’image et sa légende sont contenues dans une balise <figure> ;
   • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
   • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
   • La légende est contenue dans une balise <figcaption>.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images embarquées pourvues d’une légende (élément <embed> avec l’attribut type="image/…") ;
2. Pour chaque image, vérifier que :
   • L’image et sa légende sont contenues dans une balise <figure> ;
   • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
   • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
   • La légende est contenue dans une balise <figcaption>.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images vectorielles pourvues d’une légende (élément <svg>) ;
2. Pour chaque image, vérifier que :
   • L’image et sa légende sont contenues dans une balise <figure> ;
   • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
   • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
   • La légende est contenue dans une balise <figcaption>.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les images bitmap (élément <canvas>) ;
2. Pour chaque image, vérifier que :
   • L’image et sa légende sont contenues dans une balise <figure> ;
   • La balise <figure> possède une propriété WAI-ARIA role="figure" ou role="group" ;
   • La balise <figure> possède un attribut WAI-ARIA aria-label dont le contenu est identique au contenu de la légende ;
   • La légende est contenue dans une balise <figcaption>.
3. Si c’est le cas pour chaque image, le test est validé.

1. Retrouver dans le document les cadres (élément <iframe> ou <frame>) ;
2. Pour chaque cadre, vérifier qu’il possède un attribut title ;
3. Si c’est le cas pour chaque cadre, le test est validé.

1. Retrouver dans le document les cadres (élément <iframe> ou <frame>) ;
2. Pour chaque cadre pourvu d’un attribut title, vérifier que son contenu est pertinent ;
3. Si c’est le cas pour chaque cadre, le test est validé.

1. Retrouver dans le document les informations données par la couleur dans un mot ou un ensemble de mots ;
2. Pour chacune de ces informations, vérifier qu’il existe un autre moyen de récupérer cette information (présence d’un attribut title, d’une icône ou d’un effet graphique de forme ou de position, un effet typographique…) ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations données par la couleur dans un texte ;
2. Pour chacune de ces informations, vérifier qu’il existe un autre moyen de récupérer cette information (présence d’un attribut title, d’une icône ou d’un effet graphique de forme ou de position, un effet typographique…) ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations données par la couleur dans une image ;
2. Pour chacune de ces informations, vérifier qu’il existe un autre moyen de récupérer cette information (présence d’un attribut title, d’une icône ou d’un effet graphique de forme ou de position, un effet typographique…) ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations données par la couleur dans une propriété CSS ;
2. Pour chacune de ces informations, vérifier qu’il existe un autre moyen de récupérer cette information (présence d’un attribut title, d’une icône ou d’un effet graphique de forme ou de position, un effet typographique…) ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations données par la couleur dans un média temporel ;
2. Pour chacune de ces informations, vérifier qu’il existe un autre moyen de récupérer cette information (présence d’un attribut title, d’une icône ou d’un effet graphique de forme ou de position, un effet typographique…) ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations données par la couleur dans un média non temporel ;
2. Pour chacune de ces informations, vérifier qu’il existe un autre moyen de récupérer cette information (présence d’un attribut title, d’une icône ou d’un effet graphique de forme ou de position, un effet typographique…) ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les textes et les textes en image sans effet de graisse d’une taille restituée inférieure à 24px qui pourraient poser des problèmes de contraste ;
2. Pour chacun de ces textes, vérifier que :
   • Soit le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;
   • Soit un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.
3. Si c’est le cas pour chaque texte, le test est validé.

1. Retrouver dans le document les textes et les textes en image en gras d’une taille restituée inférieure à 18,5px qui pourraient poser des problèmes de contraste ;
2. Pour chacun de ces textes, vérifier que :
   • Soit le rapport de contraste entre le texte et son arrière-plan est de 4.5:1, au moins ;
   • Soit un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 4.5:1, au moins.
3. Si c’est le cas pour chaque texte, le test est validé.

1. Retrouver dans le document les textes et les textes en image sans effet de graisse d’une taille restituée supérieure ou égale à 24px qui pourraient poser des problèmes de contraste ;
2. Pour chacun de ces textes, vérifier que :
   • Soit le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;
   • Soit un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.
3. Si c’est le cas pour chaque texte, le test est validé.

1. Retrouver dans le document les textes et les textes en image en gras d’une taille restituée supérieure ou égale à 18,5px qui pourraient poser des problèmes de contraste ;
2. Pour chacun de ces textes, vérifier que :
   • Soit le rapport de contraste entre le texte et son arrière-plan est de 3:1, au moins ;
   • Soit un mécanisme permet à l’utilisateur d’afficher le texte avec un rapport de contraste de 3:1, au moins.
3. Si c’est le cas pour chaque texte, le test est validé.

1. Retrouver dans le document les mécanismes qui permettent d’afficher un rapport de contraste conforme ;
2. Pour chacun de ces mécanismes, vérifier que le rapport de contraste entre le texte et la couleur d’arrière-plan est suffisamment élevé ;
3. Si c’est le cas pour chaque mécanisme, le test est validé.

1. Retrouver dans le document les composants d’interface qui pourraient poser des problèmes de contraste ;
2. Pour chacun de ces composants, vérifier que :
   • Soit le rapport de contraste entre les couleurs du composant dans ses différents états et la couleur d’arrière-plan contiguë est de 3:1, au moins ;
   • Soit un mécanisme permet à l’utilisateur d’afficher le composant avec un rapport de contraste de 3:1, au moins.
3. Si c’est le cas pour chaque composant, le test est validé.

1. Retrouver dans le document les éléments graphiques qui pourraient poser des problèmes de contraste ;
2. Pour chacun de ces éléments, vérifier que :
   • Soit le rapport de contraste entre les couleurs de l’élément graphique nécessaires à sa compréhension et la couleur d’arrière-plan contiguë est de 3:1, au moins ;
   • Soit un mécanisme permet à l’utilisateur d’afficher l’élément graphique avec un rapport de contraste de 3:1, au moins.
3. Si c’est le cas pour chaque composant, le test est validé.

1. Retrouver dans le document les éléments graphiques qui pourraient poser des problèmes de contraste ;
2. Pour chacun de ces éléments, vérifier que :
   • Soit le rapport de contraste des différentes couleurs contiguës de l’élément graphique entre elles, lorsqu’elles sont nécessaires à sa compréhension, est de 3:1, au moins ;
   • Soit un mécanisme permet à l’utilisateur d’afficher l’élément graphique avec un rapport de contraste de 3:1, au moins.
3. Si c’est le cas pour chaque élément graphique, le test est validé.

1. Retrouver dans le document les mécanismes qui permettent d’afficher un rapport de contraste conforme ;
2. Pour chacun de ces mécanismes, vérifier que le rapport de contraste entre les couleurs du composant ou des éléments graphiques porteurs d’informations qui le composent est suffisamment élevé ;
3. Si c’est le cas pour chaque mécanisme, le test est validé.

Note : le critère est non applicable dans ces situations :

• Composant d'interface inactif (par exemple, un bouton avec un attribut disabled) sur lequel aucune action n'est possible ;
• Composant d'interface pour lequel l'apparence est gérée par les styles natifs du navigateur sans aucune modification par l'auteur (par exemple, le style au focus natif dans Chrome ou Firefox) ;
• Composant d'interface pour lequel la couleur n'est pas nécessaire pour identifier le composant ou son état (par exemple, un groupe de liens faisant office de navigation dont la position dans la page, la taille et la couleur du texte permettent de comprendre qu'il s'agit de liens même si la couleur du soulignement des liens avec le fond blanc n'a pas un ratio de 3:1 et que le texte lui a un ratio de 4.5:1) ;
• Élément graphique ou parties d'élément graphique non porteur d'information ou ayant une alternative (description longue, informations identiques visibles dans la page) ;
• Élément graphique ou parties d'élément graphique faisant partie d'un logo ou du nom de marque d'un organisme ou d'une société ;
• Élément graphique ou parties d'élément graphique dont la présentation est essentielle à l'information véhiculée (exemple drapeaux, logotypes, photos de personnes ou de scènes, captures d'écran, diagrammes médicaux, carte de chaleurs) ;
• Élément graphique ou parties d'élément graphique dynamiques dont le contraste au survol / focus est suffisant.

1. Retrouver dans le document les médias temporels (éléments <audio>, <video> ou <object>) seulement audio qui nécessitent une transcription textuelle ;
2. Pour chaque média temporel seulement audio, vérifier la présence d’une transcription textuelle :
   • Soit accessible au moyen d’un bouton ou d’un lien adjacent (une URL ou une ancre) ;
   • Soit adjacente clairement identifiable.
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias temporels (éléments <video> ou <object>) seulement vidéo qui nécessitent une transcription textuelle ;
2. Pour chaque média temporel seulement vidéo, vérifier la présence :
   • Soit d’une version alternative audio seulement accessible au moyen d’un lien ou bouton adjacent (une URL ou une ancre) ;
   • Soit d’une version alternative audio seulement adjacente ;
   • Soit d’une transcription textuelle accessible au moyen d’un bouton ou d’un lien adjacent (une URL ou une ancre) ;
   • Soit d’une transcription textuelle adjacente clairement identifiable ;
   • Soit d’une audiodescription synchronisée ;
   • Soit d’une version alternative avec une audiodescription synchronisée accessible au moyen d’un bouton ou d'un lien adjacent (une URL ou une ancre).
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias temporels (éléments <video> ou <object>) synchronisés qui nécessitent une transcription textuelle ;
2. Pour chaque média temporel synchronisé, vérifier la présence :
   • Soit d’une transcription textuelle accessible au moyen d’un lien ou bouton adjacent (une URL ou une ancre) ;
   • Soit d’une transcription textuelle adjacente clairement identifiable ;
   • Soit d’une audiodescription synchronisée ;
   • Soit d’une version alternative avec une audiodescription synchronisée accessible au moyen d’un bouton ou d’un lien adjacent (une URL ou une ancre).
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias temporels pré-enregistrés seulement audio qui possèdent une transcription textuelle ;
2. Pour chaque média temporel seulement audio, vérifier que transcription textuelle est pertinente ;
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias temporels pré-enregistrés seulement vidéo qui possèdent une transcription textuelle ;
2. Pour chaque média temporel seulement vidéo, vérifier la pertinence :
   • Soit de la transcription textuelle ;
   • Soit de l’audiodescription synchronisée ;
   • Soit de l’audiodescription synchronisée de la version alternative ;
   • Soit de la version alternative audio seulement.
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias temporels pré-enregistrés synchronisés ;
2. Pour chaque média temporel synchronisé, vérifier la pertinence :
   • Soit de la transcription textuelle ;
   • Soit de l’audiodescription synchronisée ;
   • Soit de l’audiodescription synchronisée de la version alternative.
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias temporels pré-enregistrés synchronisés ;
2. Pour chaque média temporel synchronisé, vérifier la présence :
   • Soit de sous-titres synchronisés ;
   • Soit d’une version alternative possédant des sous-titres synchronisés accessible au moyen d’un lien ou d’un bouton adjacent.
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias temporels synchronisés possédant des sous-titres synchronisés au moyen d’un élément <track> ;
2. Pour chaque média temporel synchronisé, vérifier que la balise <track> possède un attribut kind="caption" ;
3. Si c’est le cas pour chaque média temporel synchronisé, le test est validé.

1. Retrouver dans le document les médias temporels synchronisés possédant des sous-titres synchronisés ;
2. Pour chaque média temporel synchronisé, vérifier que les sous-titres sont :
   • Pertinents (toutes les informations sonores importantes sont présentes, les dialogues notamment) ;
   • Et correctement synchronisés.
3. Si c’est le cas pour chaque média temporel synchronisé, le test est validé.

1. Retrouver dans le document les médias temporels pré-enregistrés seulement vidéo qui nécessitent une audiodescription ;
2. Pour chaque média temporel seulement vidéo, vérifier la présence :
   • Soit d’une audiodescription synchronisée ;
   • Soit d’une version alternative avec une audiodescription synchronisée accessible au moyen d’un bouton ou d’un lien adjacent (une URL ou une ancre).
3. Si c’est le cas pour chaque média temporel seulement vidéo, le test est validé.

1. Retrouver dans le document les médias temporels pré-enregistrés synchronisés qui nécessitent une audiodescription ;
2. Pour chaque média temporel synchronisé, vérifier la présence :
   • Soit d’une audiodescription synchronisée ;
   • Soit d’une version alternative avec une audiodescription synchronisée accessible au moyen d’un bouton ou d’un lien adjacent (une URL ou une ancre).
3. Si c’est le cas pour chaque média temporel synchronisé, le test est validé.

1. Retrouver dans le document les médias temporels seulement vidéo qui possèdent une audiodescription ;
2. Pour chaque média temporel, vérifier que l’audiodescription synchronisée est pertinente (toutes les informations visuelles qu’il est possible de vocaliser dans les blancs de la bande son principale sont présentes, les textes incrustés notamment) ;
3. Si c’est le cas pour chaque média temporel seulement vidéo, le test est validé.

1. Retrouver dans le document les médias temporels synchronisés qui possèdent une audiodescription ;
2. Pour chaque média temporel, vérifier que l’audiodescription synchronisée est pertinente (toutes les informations visuelles qu’il est possible de vocaliser dans les blancs de la bande son principale sont présentes, les textes incrustés notamment) ;
3. Si c’est le cas pour chaque média temporel synchronisé, le test est validé.

1. Retrouver dans le document les médias temporels pré-enregistrés seulement vidéo, audio ou synchronisés ;
2. Pour chaque média temporel, vérifier que :
   • Un passage de texte (un titre ou un paragraphe, par exemple) qui précède ou suit immédiatement le média temporel, permet de l’identifier ;
   • Et le passage de texte est situé à l’extérieur du lecteur de contenu multimédia si ce dernier fait appel à la technologie Flash.
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias non temporels ;
2. Pour chaque média non temporel, vérifier qu’un lien ou un bouton adjacent, clairement identifiable :
   • Soit contient l’adresse (url) d’une page contenant une alternative ;
   • Soit permet d’accéder à une alternative dans la page.
3. Si c’est le cas pour chaque média non temporel, le test est validé.

1. Retrouver dans le document les médias non temporels associés à une alternative ;
2. Pour chaque média non temporel, vérifier que :
   • La page référencée par le lien ou le bouton adjacent est accessible ;
   • L’alternative dans la page, référencée par le lien ou le bouton adjacent, est accessible.
3. Si c’est le cas pour chaque média non temporel, le test est validé.

Note : le critère est non applicable dans les situations où :

• Le média non temporel est utilisé à des fins décoratives (c'est-à-dire qu'il n'apporte aucune information) ;
• Le média non temporel est diffusé dans un environnement maîtrisé ;
• Le média non temporel est inséré via JavaScript en vérifiant la présence et la version du plug-in, en remplacement d'un contenu alternatif déjà présent.

1. Retrouver dans le document les médias non temporels associés à une alternative ;
2. Pour chaque média non temporel, vérifier que l’alternative est pertinente (elle permet d’accéder au même contenu et à des fonctionnalités similaires) ;
3. Si c’est le cas pour chaque média non temporel, le test est validé.

1. Au chargement du document, si un son se déclenche automatiquement, vérifier que :
   • Soit la séquence sonore a une durée inférieure ou égale à 3 secondes ;
   • Soit un dispositif (un bouton par exemple), sur l’élément ayant déclenché le son (voir note), ou dans la page, permet de le stopper ;
   • Soit le volume de la séquence peut être contrôlé par l’utilisateur, indépendamment du contrôle de volume du système.
2. Si c’est le cas, le test est validé.

Note : les éléments suivants sont susceptibles de déclencher des sons au chargement de la page : éléments <audio>, <video>, <object>, <embed>, <bgsound> ou un code JavaScript (utilisation de la Web Audio API, par exemple).

1. Retrouver dans le document les médias temporels ;
2. Pour chaque média temporel, vérifier la présence des fonctionnalités obligatoires de contrôle de la consultation :
   • Au minimum : lecture, pause ou stop ;
   • Si le média a du son, il doit avoir une fonctionnalité d’activation / désactivation du son ;
   • Si le média a des sous-titres, il doit avoir une fonctionnalité de contrôle de l’apparition/disparition des sous-titres ;
   • Si le média a une audiodescription, il doit avoir une fonctionnalité de contrôle de l’apparition/disparition de l’audiodescription.
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias temporels pourvus de fonctionnalités de contrôle ;
2. Pour chaque média temporel, vérifier que :
   • Soit la fonctionnalité est accessible par le clavier et tout dispositif de pointage ;
   • Soit une fonctionnalité accessible par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias temporels pourvus de fonctionnalités de contrôle ;
2. Pour chaque média temporel, vérifier que :
   • Soit la fonctionnalité est activable par le clavier et tout dispositif de pointage ;
   • Soit une fonctionnalité activable par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.
3. Si c’est le cas pour chaque média temporel, le test est validé.

1. Retrouver dans le document les médias non temporels pourvus de fonctionnalités de contrôle ;
2. Pour chaque média non temporel, vérifier que :
   • Soit la fonctionnalité est accessible par le clavier et tout dispositif de pointage ;
   • Soit une fonctionnalité accessible par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.
3. Si c’est le cas pour chaque média non temporel, le test est validé.

1. Retrouver dans le document les médias non temporels pourvus de fonctionnalités de contrôle ;
2. Pour chaque média non temporel, vérifier que :
   • Soit la fonctionnalité est activable par le clavier et tout dispositif de pointage ;
   • Soit une fonctionnalité activable par le clavier et tout dispositif de pointage permettant de réaliser la même action est présente dans la page.
3. Si c’est le cas pour chaque média non temporel, le test est validé.

1. Retrouver dans le document les médias temporels et non temporels ;
2. Pour chaque média, vérifier que :
   • Soit le nom, le rôle, la valeur, le paramétrage et les changements d’états des composants d’interfaces sont accessibles aux technologies d’assistance via une API d’accessibilité (par exemple, les zones mises à jour dynamiquement dans un lecteur vidéo sont correctement restituées) ;
   • Soit une alternative compatible avec une API d’accessibilité permet d’accéder aux mêmes fonctionnalités.
3. Si c’est le cas pour chaque média temporel ou non temporel, le test est validé.

1. Retrouver dans le document les médias temporels et non temporels qui possèdent une alternative compatible avec les technologies d’assistance ;
2. Pour chaque média, vérifier que :
   • Soit l’alternative est adjacente au média temporel ou non temporel ;
   • Soit l’alternative est accessible au moyen d’un lien ou d’un bouton adjacent ;
   • Soit un mécanisme permet de remplacer le média temporel ou non temporel par son alternative.
3. Si c’est le cas pour chaque média temporel ou non temporel, le test est validé.

1. Retrouver dans le document les tableaux de données complexes (tableau de données - élément <table> ou élément pourvu d’un attribut WAI-ARIA role="table" - contenant des en-têtes qui ne sont pas répartis uniquement sur la première ligne et/ou la première colonne de la grille ou dont la portée n’est pas valable pour l’ensemble de la colonne ou de la ligne) ;
2. Pour chaque tableau de données complexe, vérifier qu’un passage de texte permettant de comprendre la nature et la structure du tableau, est présent :
   • Soit dans l’élément <caption> ;
   • Soit dans l’attribut summary de l’élément <table> (dans les versions de HTML et de XHTML antérieures à HTML 5) ;
   • Soit dans un passage de texte lié au tableau avec l’attribut aria-describedby.
3. Si c’est le cas pour chaque tableau de données complexe, le test est validé.

1. Retrouver dans le document les résumés de tableaux de données complexes (tels que déterminés par le test 5.1.1) ;
2. Pour chaque résumé, vérifier que son contenu est pertinent ;
3. Si c’est le cas pour chaque résumé de tableaux de données complexes, le test est validé.

1. Retrouver dans le document les tableaux de mise en forme ;
2. Pour chaque tableau de mise en forme, vérifier que :
   • L’ordre d’accès aux cellules est cohérent avec le contenu ;
   • L’élément <table> est pourvu d’un attribut WAI-ARIA role="presentation".
3. Si c’est le cas pour chaque tableau de mise en forme, le test est validé.

1. Retrouver dans le document les tableaux de données pourvus d’un titre ;
2. Pour chaque titre, vérifier qu’il est fourni au moyen :
   • Soit d’un élément <caption> ;
   • Soit d’un attribut title ;
   • Soit d’un attribut WAI-ARIA aria-label ;
   • Soit d’un attribut WAI-ARIA aria-labelledby référençant un passage de texte.
3. Si c’est le cas pour chaque titre de tableau de données, le test est validé.

1. Retrouver dans le document les tableaux de données pourvus d’un titre ;
2. Pour chaque titre, vérifier qu’il est pertinent ;
3. Si c’est le cas pour chaque titre de tableau de données, le test est validé.

1. Retrouver dans le document les tableaux de données ;
2. Pour chaque en-tête de colonnes s’appliquant à la totalité de la colonne, vérifier que l’en-tête de colonne est structuré au moyen :
   • Soit d’un élément <th> ;
   • Soit d’un élément pourvu d’un attribut WAI-ARIA role="columnheader".
3. Si c’est le cas pour chaque en-tête de colonne s’appliquant à la totalité de la colonne, le test est validé.

1. Retrouver dans le document les tableaux de données ;
2. Pour chaque en-tête de ligne s’appliquant à la totalité de la ligne, vérifier que l’en-tête de ligne est structuré au moyen :
   • Soit d’un élément <th> ;
   • Soit d’un élément pourvu d’un attribut WAI-ARIA role="rowheader".
3. Si c’est le cas pour chaque en-tête de ligne s’appliquant à la totalité de la ligne, le test est validé.

1. Retrouver dans le document les tableaux de données ;
2. Pour chaque en-tête ne s’appliquant pas à la totalité de la ligne ou de la colonne, vérifier que l’en-tête de ligne est structuré au moyen d’un élément <th> ;
3. Si c’est le cas pour chaque en-tête ne s’appliquant pas à la totalité de la ligne ou de la colonne, le test est validé.

1. Retrouver dans le document les tableaux de données ;
2. Pour chaque cellule associée à plusieurs en-têtes est-elle structurée au moyen d’une balise <th> ou <td> ;
3. Si c’est le cas pour chaque en-tête ne s’appliquant pas à la totalité de la ligne ou de la colonne, le test est validé.

1. Retrouver dans le document les tableaux de données ;
2. Pour chaque en-tête (élément <th>) s’appliquant à la totalité de la ligne ou de la colonne, vérifier que l’élément <th> possède :
   • Soit un attribut id unique ;
   • Soit un attribut scope ;
   • Soit un attribut WAI-ARIA role="rowheader" ou "columnheader".
3. Si c’est le cas pour chaque en-tête s’appliquant à la totalité de la ligne ou de la colonne, le test est validé.

1. Retrouver dans le document les tableaux de données ;
2. Pour chaque en-tête (élément <th>) s’appliquant à la totalité de la ligne ou de la colonne et pourvu d’un attribut scope, vérifier que l’attribut scope possède :
   • Soit une valeur "row" pour les en-têtes de ligne ;
   • Soit une valeur "col" pour les en-têtes de colonne.
3. Si c’est le cas pour chaque en-tête s’appliquant à la totalité de la ligne ou de la colonne et pourvu d’un attribut scope, le test est validé.

1. Retrouver dans le document les tableaux de données ;
2. Pour chaque en-tête (élément <th>) ne s’appliquant pas à la totalité de la ligne ou de la colonne, vérifier que l’élément <th> :
   • Possède un attribut id unique ;
   • Et ne possède pas d’attribut scope ;
   • Et ne possède pas d’attribut WAI-ARIA role="rowheader" ou "columnheader".
3. Si c’est le cas pour chaque en-tête ne s’appliquant pas à la totalité de la ligne ou de la colonne, le test est validé.

1. Retrouver dans le document les tableaux de données ;
2. Pour chaque élément <td> ou <th> associé à un ou plusieurs en-têtes possédant un attribut id, vérifier que :
   • L’élément <td> ou <th> possède un attribut headers ;
   • Et l’attribut headers possède la liste des valeurs d’attribut id des en-têtes associés.
3. Si c’est le cas pour chaque élément <td> ou <th> associé à un ou plusieurs en-têtes possédant un attribut id, le test est validé.

1. Retrouver dans le document les tableaux de données ;
2. Pour chaque en-tête s’appliquant à la totalité de la ligne ou de la colonne et pourvu d’un attribut WAI-ARIA role="rowheader" ou "columnheader", vérifier que l’élément possède :
   • Soit un attribut WAI-ARIA role="rowheader" pour les en-têtes de ligne ;
   • Soit un attribut WAI-ARIA role="columnheader" pour les en-têtes de colonne.
3. Si c’est le cas pour chaque en-tête s’appliquant à la totalité de la ligne ou de la colonne et pourvu d’un attribut WAI-ARIA role="rowheader" ou "columnheader", le test est validé.

1. Retrouver dans le document les tableaux de mise en forme ;
2. Pour chaque tableau de mise en forme, vérifier que :
   • L’élément <table> ne possède pas d'attribut summary, d’éléments enfant <caption>, <thead>, <th>, <tfoot> ou d’éléments pourvus d’un attribut WAI-ARIA role="rowheader" ou role="columnheader" ;
   • Les éléments <td> ne possèdent pas d’attributs scope, headers et axis.
3. Si c’est le cas pour chaque tableau de mise en forme, le test est validé.

1. Retrouver dans le document les liens texte ;
2. Pour chaque lien texte, vérifier que ce qui permet d’en comprendre la fonction et la destination est :
   • Soit l’intitulé du lien seul ;
   • Soit le contexte du lien.
3. Si c’est le cas pour chaque lien texte, le test est validé.

1. Retrouver dans le document les liens image (lien avec pour contenu un élément <img> ou un élément ayant l’attribut WAI-ARIA role="img", un élément <area> possédant un attribut href, un élément <object>, un élément <canvas> ou un élément <svg>) ;
2. Pour chaque lien image, vérifier que ce qui permet d’en comprendre la fonction et la destination est :
   • Soit l’intitulé du lien seul, fourni par l’alternative textuelle de l’image ;
   • Soit le contexte du lien.
3. Si c’est le cas pour chaque lien image, le test est validé.

1. Retrouver dans le document les liens composites (lien composé à la fois de contenu texte et d’éléments de type image) ;
2. Pour chaque lien composite, vérifier que ce qui permet d’en comprendre la fonction et la destination est :
   • Soit l’intitulé du lien seul, fourni par la combinaison du contenu texte et de l’alternative textuelle de l’image ;
   • Soit le contexte du lien.
3. Si c’est le cas pour chaque lien composite, le test est validé.

1. Retrouver dans le document les liens SVG (élément <svg> qui possède un élément <a> pourvu d’un attribut xlink-href (SVG 1.1) ou href (SVG 2)) ;
2. Pour chaque lien SVG, vérifier que ce qui permet d’en comprendre la fonction et la destination est :
   • Soit l’intitulé du lien seul, fourni par le nom accessible de l’élément <svg> (résolu généralement à partir du contenu d’un élément <text>) ;
   • Soit le contexte du lien.
3. Si c’est le cas pour chaque lien SVG, le test est validé.

1. Retrouver dans le document les liens autres que SVG dont le contenu est fourni à la fois par un intitulé visible et par le contenu soit d’un attribut title ou d’un attribut aria-label ou d’un attribut aria-labelledby ;
2. Pour chaque lien, vérifier que le contenu de l’attribut title ou de l’attribut aria-label ou de l’attribut aria-labelledby contient l’intitulé visible ;
3. Si c’est le cas pour chaque lien, le test est validé pour les liens autres que SVG.
4. Retrouver dans le document les liens SVG dont le contenu est fourni à la fois par un intitulé visible et par le contenu soit d’un attribut aria-labelledby, ou d’un attribut aria-label ou d’un élément title (enfant direct de l’élément <svg>) ou d’un attribut x-link:title (SVG 1.1) ou d’un ou plusieurs éléments <text>;
5. Pour chaque lien SVG, vérifier que le contenu de l’attribut aria-labelledby ou de l’attribut aria-label ou de l’élément <title> ou de l’attribut x-link:title ou d’un ou plusieurs éléments <text> contient l’intitulé visible ;
6. Si c’est le cas pour chaque lien SVG, le test est validé pour les liens SVG.
7. Si le test est validé à la fois pour les liens non SVG et pour les liens SVG, le test est globalement validé.

Note : considérant la détermination du nom accessible, il existe deux cas particuliers et une particularité liée aux expressions mathématiques :

• La ponctuation et les lettres majuscules présentes dans le texte de l’intitulé visible peuvent être ignorées dans le nom accessible sans porter à conséquence.
• Si le texte de l’intitulé visible sert de symbole, il ne doit pas être interprété littéralement au niveau du nom accessible. Le nom doit exprimer la fonction véhiculée par le symbole (par exemple, "B" au niveau d'un éditeur de texte aura pour nom accessible "Mettre en gras", le signe ">" en fonction du contexte signifiera "Suivant" ou "Lancer la vidéo"). Le cas des symboles mathématiques fait cependant exception (voir le point ci-dessous).
• Si l'étiquette visible représente une expression mathématique, les symboles mathématiques peuvent être repris littéralement pour servir d'étiquette au nom accessible (par exemple, "A>B"). Il est laissé à l'utilisateur le soin d'opérer la correspondance entre l'expression et ce qu'il doit épeler compte tenu de la connaissance qu'il a du fonctionnement de son logiciel de saisie vocale ("A plus grand que B" ou "A supérieur à B").

1. Retrouver dans le document les liens quels qu’ils soient ;
2. Pour chaque lien, vérifier que le contenu de l’élément <a> (ou d’un élément pourvu d’un attribut WAI-ARIA role=link) contient un intitulé (texte ou alternative) ;
3. Si c’est le cas pour chaque lien, le test est validé.

1. Retrouver dans le document tous les composants d’interface générés ou contrôlés au moyen de JavaScript ;
2. Vérifier que :
   • Le composant possède un rôle cohérent avec son usage (généralement un bouton ou un lien) ;
   • Le composant possède un nom explicite ;
   • Le nom du composant est cohérent avec l’état de la fonctionnalité ou des contenus contrôlés (par exemple pour une fonctionnalité permettant d’afficher ou de masquer une zone de contenu).
3. Sinon, vérifier la présence d’un composant d’interface accessible permettant d’accéder aux mêmes fonctionnalités ;
4. Sinon, vérifier la présence d’une alternative accessible permettant d’accéder aux mêmes fonctionnalités.
5. Si c’est le cas, le test est validé.

1. Pour chacun des composants d’interface ayant validé le test 7.1.1, vérifier que le composant d’interface est correctement restitué par les technologies d’assistance ;
2. Sinon, vérifier qu’une alternative accessible au composant d’interface permet d’accéder aux mêmes fonctionnalités ;
3. Si c’est le cas, le test est validé.

1. Pour chacun des composants d’interface ayant validé le test 7.1.1, vérifier que le composant d’interface possède :
   • Un nom pertinent (intitulé visible) ;
   • Un rôle pertinent.
2. Si le composant d’interface possède un nom accessible, vérifier que ce nom est pertinent et contient au moins l’intitulé visible.
3. Si c’est le cas, le test est validé.

1. Retrouver les alternatives aux fonctionnalités JavaScript :
2. Chercher dans la page, les alternatives à un composant ou une fonctionnalité JavaScript mises à disposition.
3. Désactiver JavaScript dans le document et retrouver les alternatives proposées.
4. Pour chacune des alternatives proposées, vérifier qu’elle permet d’accéder aux mêmes contenus et à des fonctionnalités similaires.
5. Si c’est le cas, le test est validé.

1. Retrouver dans le document tous les éléments non textuels mis à jour par une fonctionnalité JavaScript.
2. Si l'élément non textuel a une alternative, vérifier que :
   • L'alternative est mise à jour lorsque le contenu non textuel est mis à jour ;
   • L'alternative mise à jour est pertinente.
3. Si c'est le cas, le test est validé.

1. Retrouver dans le document, tous les éléments sur lesquels est implémenté un gestionnaire d’événements JavaScript (par exemple click, focus, mouseover, blur, keydown, touch…).
2. Vérifier que l’élément est accessible au moyen du clavier :
   • Il est atteignable avec la touche de tabulation (tab) ;
   • Si l’élément gère une action simple, il est activable au clavier avec la touche entrée (Entrée) ;
   • Si l’élément gère une action complexe, il est utilisable avec le clavier (généralement avec les touches de direction).
3. Sinon, vérifier qu’un élément accessible par le clavier permettant de réaliser la même action est présent dans la page.
4. Vérifier que l’élément est accessible par tout dispositif de pointage (souris, toucher, stylet…).
5. Sinon, vérifier qu’un élément accessible au moyen d’un dispositif de pointage et permettant de réaliser la même action est présent dans la page.
6. Si c’est le cas, le test est validé.

1. Activer, l’un après l’autre, tous les éléments capables de recevoir le focus.
2. Vérifier que le focus n’est pas supprimé via une fonctionnalité JavaScript.
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document tous les événements JavaScript qui initient un changement de contexte, par exemple :
   • Une mise à jour dynamique de champs de formulaire ;
   • L’ouverture d’une nouvelle page à l’activation d’une option d’une liste de sélection (élément <select>) ;
   • La mise à jour, via un procédé AJAX d’une partie essentielle de la page ;
   • Le lancement automatique d’un lecteur vidéo suite à la sélection d’une playlist ;
   • La manipulation du focus ayant pour résultat de modifier la position courante de l’utilisateur dans la page.
2. Vérifier que :
   • L’utilisateur est averti par un message de l’action du script et du type de changement avant son déclenchement ;
   • Ou bien le changement de contexte est initié par un bouton (input de type submit, button ou image ou la balise button) explicite ;
   • Ou bien le changement de contexte est initié par un lien explicite.
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document les messages qui valent pour message de statut.
2. Pour chacun de ces messages, déterminer la nature de l’information dont est porteur le message :
3. Si le message informe de la réussite, du résultat d’une action ou bien de l’état d’une application, vérifier que l’élément qui contient le message :
   • Soit utilise l’attribut WAI-ARIA role=”status” ;
   • Soit utilise les attributs WAI-ARIA aria-live=”polite” et aria-atomic=”true”.
4. Si le message présente une suggestion, ou avertit de l’existence d’une erreur, vérifier que l’élément qui contient le message :
   • Soit utilise l’attribut WAI-ARIA role=”alert” ;
   • Soit utilise les attributs aria-live=”assertive” et aria-atomic=”true”.
5. Si le message indique la progression d’un processus, vérifier que l’élément qui contient le message :
   • Soit utilise l’un des attributs WAI-ARIA role=”log”, role=”progressbar” ou role=”status” ;
   • Soit utilise l’attribut WAI-ARIA aria-live=”polite” si l’intention est de signaler l’équivalent d’un rôle “log” ;
   • Soit utilise les attributs WAI-ARIA aria-live=”polite” et aria-atomic=”true si l’intention est de signaler l’équivalent d’un rôle “status”.
6. Si c’est le cas, le test est validé.

Tests identiques à 7.5.1

Tests identiques à 7.5.1

1. Retrouver dans le document la balise DOCTYPE (par exemple <!DOCTYPE html>) ;
2. Vérifier que :
   • La balise DOCTYPE est placée avant la balise <html> ;
   • Le type de document est valide.
3. Si c’est le cas, le test est validé.

Tests identiques à 8.1.1

Tests identiques à 8.1.1

1. Dans le menu « Check », activer l’option « W3C Nu markup checker (all frames) ».
2. Dans la page de résultats, vérifier que :
   • Les balises, attributs et valeurs d’attributs respectent les règles d’écriture ;
   • L’imbrication des balises est conforme ;
   • L’ouverture et la fermeture des balises sont conformes ;
   • Les valeurs d’attribut id sont uniques dans la page ;
   • Les attributs ne sont pas doublés sur un même élément.
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document l’indication de langue par défaut ;
2. Vérifier la présence d’une indication de langue :
   • Soit au moyen de l’attribut lang sur la balise html si le code est du HTML5 ou du HTML4 ;
   • Soit au moyen des attributs lang et xml:lang sur la balise html si le code est du XHTML 1.0 ;
   • Soit au moyen de l’attribut xml:lang sur la balise html si le code est du XHTML 1.1 ;
   • Sinon, vérifier la présence d’une indication de langue sur chaque élément de texte ou l’un de ses parents.
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document l’indication de langue par défaut ;
2. Vérifier la présence d’un code de langue :
   • Valide (conforme à la norme ISO 639-1 ou ISO 639-2 et suivantes) ;
   • Et pertinent (qui indique la langue principale du document).
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document le titre structuré au moyen d’un élément <title> ;
2. Si c’est le cas, le test est validé.

1. Retrouver dans le document le titre structuré au moyen d’un élément <title> ;
2. Vérifier si le contenu de l’élément <title> est suffisamment pertinent (il permet de retrouver la page dans l’historique de navigation ou la liste des onglets).
3. Si c’est le cas, le test est validé.

1. Retrouver les passages de texte en langue étrangère, à l’exception :
   • Des noms propres ;
   • Des mots d’origine étrangère, présents dans le dictionnaire de la langue du document ;
   • Des mots d’origine étrangère et d’usage courant dont la prononciation ne provoque pas d’incompréhension.
   • Vérifier que chaque passage de texte retenu possède une indication de langue (attribut lang et/ou xml:lang sur l’élément lui-même ou l’un de ses parents).
2. Si c’est le cas, le test est validé.

1. Pour chaque passage de texte validé au test 8.7.1, vérifier que :
   • L’indication de langue est valide ;
   • L’indication de langue est pertinente.
2. Si c’est le cas, le test est validé.

1. Retrouver dans le document l’ensemble des éléments sémantiques utilisés à des fins de présentation ;
2. Pour chacun de ces éléments, vérifier que :
   • L’élément est pourvu d’un attribut role="presentation" ;
   • L’utilisation de cet élément à des fins de présentation reste justifée.
3. Si c’est le cas, le test est validé.

Note : Quelques exemples, non exhaustifs de détournement de balisage : un élément <div> utilisé comme paragraphe, un titre utilisé comme légende, un élément <blockquote> ou des paragraphes vides ou encore des espaces utilisés pour créer des effets de marges. L'utilisation d'un role="presentation" est formellement déconseillée, mais peut toutefois se justifier dans de rares cas. Cela peut être acceptable sur un élément <blockquote> ou un paragraphe vide, mais sera considéré comme non-conforme sur un titre.

Le cas des tableaux : à noter que ce test aborde les tableaux de présentation qui ne devraient finalement pas apparaître au sein de la thématique Tableaux.

1. Retrouver dans le document les passages de textes qui utilisent une langue qui se lit dans le sens inverse de la langue du document (comme l’arabe ou l’hébreu pour le français par exemple).
2. Pour chaque passage de texte, vérifier que le passage de texte est contenu dans une balise qui possède un attribut dir.
3. Si c’est le cas pour chaque passage de texte, le test est validé.

1. Pour chaque passage de texte validé au test 8.10.1, vérifier que :
   • L’indication de sens de lecture est conforme (ltr, pour le sens « de gauche à droite » et rtl pour le sens « de droite à gauche ») ;
   • L’indication de sens de lecture est pertinente.
2. Si c’est le cas pour chaque passage de texte, le test est validé.

1. Retrouver dans le document les titres (balise <hx> ou balise possédant un attribut WAI-ARIA role="heading" associé à un attribut WAI-ARIA aria-level) ;
2. Vérifier que la hiérarchie entre les titres est pertinente ;
3. Si c’est le cas, le test est validé.

1. Pour chaque titre identifié au test 9.1.1, vérifier que son contenu est pertinent ;
2. Si c’est le cas pour chaque titre, le test est validé.

1. Pour chaque titre identifié au test 9.1.1, vérifier que :
   • Soit il est structuré au moyen d’une balise <hx> (“x” désignant une valeur numérique comprise entre 1 et 6);
   • Soit il est structuré au moyen d’une balise possédant un attribut WAI-ARIA role="heading" et un attribut WAI-ARIA aria-level=x (“x” désignant une valeur numérique).
2. Si c’est le cas pour chaque titre, le test est validé.

1. Vérifier que la zone d’en-tête est structurée au moyen d’un élément <header> ;
2. Vérifier que les zones de navigation principales et secondaires sont structurées au moyen d’un élément <nav> ;
3. Vérifier que l’élément <nav> n’est pas utilisé en dehors de la structuration des zones de navigation principales et secondaires ;
4. Vérifier que la zone de contenu principal est structurée au moyen d’un élément <main> ;
5. Si le document possède plusieurs éléments <main>, vérifier qu’un seul de ces éléments est visible (les autres occurrences de l’élément sont pourvues d’un attribut hidden) ;
6. Vérifier que la zone de pied de page est structurée au moyen d’un élément <footer>.
7. Si c’est le cas pour chaque zone de contenu, le test est validé.

1. Retrouver dans le document les éléments regroupés visuellement sous la forme d’une liste non ordonnée ;
2. Pour chaque liste, vérifier que la liste est structurée :
   • Soit au moyen des éléments <ul> et <li> ;
   • Soit au moyen d’éléments pourvus d’attributs WAI-ARIA role="list" et role="listitem".
3. Si c’est le cas pour chaque liste non ordonnée, le test est validé.

1. Retrouver dans le document les éléments regroupés visuellement sous la forme d’une liste ordonnée ;
2. Pour chaque liste, vérifier que la liste est structurée :
   • Soit au moyen des éléments <ol> et <li> ;
   • Soit au moyen d’éléments pourvus d’attributs WAI-ARIA role="list" et role="listitem".
3. Si c’est le cas pour chaque liste ordonnée, le test est validé.

1. Retrouver dans le document les éléments regroupés visuellement sous la forme d’une liste de description ;
2. Pour chaque liste, vérifier que la liste est structurée au moyen des éléments <dl>, <dt> et <dd> ;
3. Si c’est le cas pour chaque liste de description, le test est validé.

1. Retrouver dans le document les citations courtes (ou en ligne) ;
2. Pour chaque citation, vérifier que la citation est structurée au moyen d’un élément <q> ;
3. Si c’est le cas pour chaque citation courte, le test est validé.

1. Retrouver dans le document les blocs de citation ;
2. Pour chaque bloc de citation, vérifier que le bloc de citation est structuré au moyen d’un élément <blockquote> ;
3. Si c’est le cas pour chaque bloc de citation, le test est validé.

1. Vérifier l’absence des éléments de présentation <basefont>, <big>, <blink>, <center>, <font>, <marquee>, <s>, <strike>, <tt> ;
2. Vérifier l’absence de l’élément <u> uniquement si le DOCTYPE du document ne correspond pas à HTML 5 ;
3. Si c’est le cas, le test est validé.

1. Vérifier l’absence des attributs de présentation : align, alink, background, bgcolor, border, cellpadding, cellspacing, char, charoff, clear, color, compact, frameborder, hspace, link, marginheight, marginwidth, text, valign, vlink, vspace, size(exception faite de l'élément <select>), width (exception faite des éléments <img>, <object>, <embed>, <canvas> et <svg>), height (exception faite des éléments <img>, <object>, <embed>, <canvas> et <svg>) ;
2. Si c’est le cas, le test est validé.

1. Désactiver les styles (CSS) du document ;
2. Vérifier l’absence d’espaces utilisées :
   • Entre les lettres d’un mot ;
   • Pour créer des effets de marges ou d’alignement ;
   • Pour simuler des tableaux ou des colonnes.
3. Si c’est le cas, le test est validé.

1. Désactiver les styles (CSS) du document ;
2. Comparer le document dépourvu de styles avec le document mis en forme ;
3. Vérifier si dans le document dépourvu de styles, les contenus visibles porteurs d'information restent présents ;
4. Si c’est le cas, le test est validé.

1. Désactiver les styles (CSS) du document ;
2. Vérifier que l’ordre dans lequel les contenus sont implémentés ne pose pas de problème de compréhension ;
3. Si c’est le cas, le test est validé.

1. Vérifier dans le document si les textes restent présents et lisibles lorsque :
   • Le zoom texte du navigateur est réglé à 200 % ;
   • Le zoom graphique du navigateur est réglé à 200 % ;
   • Les fonctionnalités de zoom personnalisées proposé par le document sont utilisés.
2. Si c’est le cas, le test est validé.

1. Vérifier dans le document si les textes sont effectivement agrandis lorsque :
   • Le zoom texte du navigateur est réglé à 200 % ;
   • Le zoom graphique du navigateur est réglé à 200 % ;
   • Les fonctionnalités de zoom personnalisées proposé par le document sont utilisés.
2. Si c’est le cas, le test est validé.

1. Retrouver dans le document les textes mis en couleur, à l’exception des couleurs par défaut (par exemple les liens, etc.) ;
2. Déterminer l’élément qui contient le texte et vérifier la présence d’une valeur calculée pour la propriété background-color de l’élément ;
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document les textes mis en couleur, à l’exception des couleurs par défaut (par exemple les liens, etc.) ;
2. Déterminer l’élément qui contient le texte et vérifier la présence d’une valeur calculée pour la propriété color de l’élément ;
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document les textes dont l’arrière-plan est constitué d’une image (propriété background-image) ;
2. Déterminer l’élément qui contient le texte et vérifier que si l’image d’arrière-plan est absente, le texte reste lisible ;
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document les éléments de type lien (élément <a> ou élément pourvu d’un attribut WAI-ARIA role="link") ;
2. Pour chaque élément de type lien, s’il peut être confondu avec un texte normal lorsqu’il est signalé uniquement par la couleur, vérifier que le contraste entre la couleur de police du lien et la couleur de police du texte environnant est de 3:1, au moins ;
3. Cette vérification doit être faite pour les différents états du lien s’ils sont présentés au moyen d’une couleur différente : l’état non visité, l’état visité, l’état activé, l’état au survol et l’état à la prise de focus ;
4. Si c’est le cas pour chaque élément de type lien, le test est validé.

1. Retrouver dans le document les éléments susceptibles de recevoir le focus (les éléments d’interface tels que les liens ou les contrôles de formulaire, ainsi que tout élément pourvu d’un attribut tabindex d’une valeur égale ou supérieure à 1) ;
2. Pour chaque élément susceptible de recevoir le focus, vérifier que l’indication visuelle de la prise de focus est présente (en agissant sur le contour ou le fond ou les deux) et est suffisamment contrastée (ratio de contraste égal ou supérieur à 3:1) ;
3. Si c’est le cas pour chaque élément susceptible de recevoir le focus, le test est validé.

1. Retrouver les contenus cachés (éléments pourvus de l’attribut hidden ou de l’attribut WAI-ARIA aria-hidden, ou bien d’une classe ou d’un ensemble de styles CSS susceptibles de masquer le contenu).
2. Pour chaque contenu caché, vérifier que :
   • Soit le contenu caché a vocation à être ignoré par les technologies d’assistance (un élément statistique de visites par exemple) ;
   • Soit le contenu caché n’a pas vocation à être ignoré par les technologies d’assistance, et dans ce cas il est rendu restituable par les technologies d’assistance au moyen :
     • Soit d’une action de l’utilisateur réalisable au clavier ou par tout dispositif de pointage sur un élément précédent le contenu caché ;
     • Soit d’une fonction de programmation qui repositionne le focus sur le contenu.
3. Si c’est le cas pour chaque contenu caché, le test est validé.

1. Retrouver dans le document les informations d’un texte données par la forme, la taille ou la position ;
2. Pour chaque information donnée par la forme, la taille ou la position, vérifier qu’il existe un autre moyen de récupérer cette information ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations d’une image données par la forme, la taille ou la position ;
2. Pour chaque information donnée par la forme, la taille ou la position, vérifier qu’il existe un autre moyen de récupérer cette information ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations d’un média temporel données par la forme, la taille ou la position ;
2. Pour chaque information donnée par la forme, la taille ou la position, vérifier qu’il existe un autre moyen de récupérer cette information ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations d’un média non temporel données par la forme, la taille ou la position ;
2. Pour chaque information donnée par la forme, la taille ou la position, vérifier qu’il existe un autre moyen de récupérer cette information ;
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations d’un texte données par la forme, la taille ou la position ;
2. Pour chaque information donnée par la forme, la taille ou la position, vérifier que le moyen alternatif de récupérer cette information est pertinent, c’est-à-dire qu’il permet de transmettre l’information dans tous les contextes de consultation et pour tous les utilisateurs.
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations d’une image données par la forme, la taille ou la position ;
2. Pour chaque information donnée par la forme, la taille ou la position, vérifier que le moyen alternatif de récupérer cette information est pertinent, c’est-à-dire qu’il permet de transmettre l’information dans tous les contextes de consultation et pour tous les utilisateurs.
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations d’un média temporel données par la forme, la taille ou la position ;
2. Pour chaque information donnée par la forme, la taille ou la position, vérifier que le moyen alternatif de récupérer cette information est pertinent, c’est-à-dire qu’il permet de transmettre l’information dans tous les contextes de consultation et pour tous les utilisateurs.
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document les informations d’un média non temporel données par la forme, la taille ou la position ;
2. Pour chaque information donnée par la forme, la taille ou la position, vérifier que le moyen alternatif de récupérer cette information est pertinent, c’est-à-dire qu’il permet de transmettre l’information dans tous les contextes de consultation et pour tous les utilisateurs.
3. Si c’est le cas pour chaque information, le test est validé.

1. Retrouver dans le document si son contenu est conçu pour défiler verticalement (le sens de lecture du texte est horizontal), les informations et fonctionnalités ;
2. Réduire la fenêtre d’affichage à une largeur de 320 px et vérifier que les informations et les fonctionnalités restent disponibles sans aucun défilement horizontal ;
3. Si c’est le cas, le test est validé.

1. Retrouver dans le document si son contenu est conçu pour défiler horizontalement (le sens de lecture du texte est vertical), les informations et fonctionnalités ;
2. Réduire la fenêtre d’affichage à une hauteur de 256 px et vérifier que les informations et les fonctionnalités restent disponibles sans aucun défilement vertical ;
3. Si c’est le cas, le test est validé.

1. Modifier les styles du document en donnant :
   • Une valeur de 1.5 à la propriété line-height de tous les éléments du document ;
   • Une valeur de 2em à la propriété margin-bottom des éléments <p> ;
   • Une valeur de 0.12em à la propriété letter-spacing de tous les éléments du document ;
   • Une valeur de 0.16em à la propriété word-spacing de tous les éléments du document ;
2. Pour chaque passage de texte, vérifier qu’il reste lisible, à l’exception :
   • Des sous-titres directement intégrés à une vidéo ;
   • Des images texte ;
   • Des textes au sein d’une balise <canvas>.
3. Si c’est le cas pour chaque passage de texte, le test est validé.

Note : une implémentation de ces règles de modification est disponible dans les ressources du critère de succès WCAG 1.4.12 (https://github.com/alastc/adaptation-scripts/blob/master/scripts/text-adaptation.js).

1. Retrouver dans le document les contenus additionnels devenant visible à la prise de focus ou au survol d’un composant d’interface, à l’exception :
   • Des contenus additionnels contrôlés par l’agent utilisateur (par exemple, les infobulles associées à l’attribut title ou à la validation native d’un formulaire ;
   • Des contenus additionnels devenant visibles par une activation de l’utilisateur (par exemple, une fenêtre de dialogue).
2. Pour chaque contenu additionnel, vérifier que :
   • Soit le contenu additionnel est positionné de façon à ce qu’il ne gêne pas la consultation des autres contenus informatifs sur lesquels il viendrait se superposer (y compris le composant d’interface qui a déclenché son apparition), quelles que soient les conditions de consultation (y compris lors de l’utilisation d’un mécanisme de zoom) ;
   • Soit un mécanisme (au clavier) permet de faire disparaître le contenu additionnel (par exemple, la touche Echap).
3. Si c’est le cas pour chaque contenu additionnel, le test est validé.

1. Retrouver dans le document les contenus additionnels devenant visible au survol d’un composant d’interface, à l’exception :
   • Des contenus additionnels contrôlés par l’agent utilisateur (par exemple, les infobulles associées à l’attribut title ou à la validation native d’un formulaire) ;
   • Des contenus additionnels devenant visibles par une activation de l’utilisateur (par exemple, une fenêtre de dialogue).
2. Pour chaque contenu additionnel, vérifier qu’il peut être survolé par le pointeur de la souris sans disparaître ;
3. Si c’est le cas pour chaque contenu additionnel, le test est validé.

1. Retrouver dans le document les contenus additionnels devenant visible à la prise de focus ou au survol d’un composant d’interface, à l’exception :
   • Des contenus additionnels contrôlés par l’agent utilisateur (par exemple, les infobulles associées à l’attribut title ou à la validation native d’un formulaire) ;
   • Des contenus additionnels devenant visibles par une activation de l’utilisateur (par exemple, une fenêtre de dialogue).
2. Pour chaque contenu additionnel, vérifier qu’il reste visible :
   • Jusqu’à ce que l’utilisateur retire le pointeur souris ou le focus du contenu additionnel ou du composant d’interface ayant déclenché son apparition ;
   • Jusqu’à ce l’utilisateur déclenche le mécanisme prévu pour faire disparaître le contenu additionnel ;
   • Jusqu’à ce que l’information proposée par le contenu additionnel ne soit plus valide (par exemple un contenu additionnel signalant l’état “occupé” du composant d’interface que l’utilisateur souhaite activer ou encore un message d’erreur signalé sous la forme d’un contenu additionnel tant que l’utilisateur n’a pas rectifié sa saisie).
3. Si c’est le cas pour chaque contenu additionnel, le test est validé.

1. Retrouver dans le document les contenus additionnels devenant visible au survol d’un composant d’interface au moyen d’un mécanisme CSS (pseudo-classe :hover) ;
2. Pour chaque contenu additionnel, vérifier que les contenus additionnels apparaissent également :
   • À l’activation du composant au moyen du clavier ou de tout autre dispositif de pointage ;
   • À la prise de focus du composant ;
   • À l’activation ou à la prise de focus d’un autre composant.
3. Si c’est le cas pour chaque contenu additionnel, le test est validé.

1. Retrouver dans le document les contenus additionnels devenant visible à la prise de focus d’un composant d’interface au moyen d’un mécanisme CSS (pseudo-classe :focus) ;
2. Pour chaque contenu additionnel, vérifier que les contenus additionnels apparaissent également :

• À l’activation du composant au moyen du clavier ou de tout autre dispositif de pointage ;
• Au survol du composant ;
• À l’activation ou du survol d’un autre composant.

3. Si c’est le cas pour chaque contenu additionnel, le test est validé.

1. Retrouver dans le document les champs de formulaire ;
2. Pour chaque champ de formulaire, vérifier que le champ de formulaire :
   • Possède un attribut WAI-ARIA aria-labelledby référençant un passage de texte identifié ;
   • Possède un attribut WAI-ARIA aria-label ;
   • Est associé à un élément <label> ayant un attribut for ;
   • Possède un attribut title ;
   • Un bouton adjacent au champ de formulaire lui fournit une étiquette visible et un élément <label> visuellement caché ou un attribut WAI-ARIA aria-label, aria-labelledby ou title lui fournit un nom accessible.
3. Si c’est le cas pour champ de formulaire, le test est validé.

1. Retrouver dans le document les champs de formulaire associé à un élément <label> ;
2. Pour chaque champ de formulaire, vérifier que :
   • Le champ de formulaire possède un attribut id ;
   • La valeur de l’attribut for de l’élément <label> est égale à la valeur de l’attribut id.
3. Si c’est le cas pour champ de formulaire, le test est validé.

1. Retrouver dans le document les champs de formulaire dont l’étiquette n’est pas visible ou à proximité (masquée, utilisation de l’attribut aria-label) ou n’est pas accolée au champ (utilisation de l’attribut aria-labelledby) ;
2. Pour chaque champ de formulaire, vérifier que le champ de formulaire :
   • soit possède un attribut title dont le contenu permet de comprendre la nature de la saisie attendue ;
   • est accompagné d’un passage de texte accolé au champ qui devient visible à la prise de focus permettant de comprendre la nature de la saisie attendue ;
   • est accompagné d’un passage de texte visible accolé au champ permettant de comprendre la nature de la saisie attendue.