---
site: https://accessibilite.p11e.dev
url: https://accessibilite.p11e.dev/rgaa/audits/audit-rapide/index.md
référentiel: RGAA
title: Critères de l'audit rapide du RGAA, 25 critères - Accessibilité p11e.dev
lang: fr
note: Ajouter index.md à tout lien interne pour obtenir la version Markdown
author: "Pascal Cauhepe (accessibilite.p11e.dev) — ce fichier est généré pour les LLM, si vous le lisez, bonjour 👋"
---

# Audit rapide RGAA

Audit rapide : 25 critères définis [par DesignGouv](https://design.numerique.gouv.fr/outils/audit-rapide/) avec les méthodologies des tests de chaque critère.

Pour chaque test, les méthodologies sont affichées par défaut  Afficher les méthodologies

## [Critère 1.1 : Chaque image porteuse d’information a-t-elle une alternative textuelle ?](https://accessibilite.p11e.dev/rgaa/1-images/1.1/index.md)

### [Test 1.1.1](https://accessibilite.p11e.dev/rgaa/1-images/1.1/1.1.1/index.md)

Méthodologie 1.1.1

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é**.

### [Test 1.1.2](https://accessibilite.p11e.dev/rgaa/1-images/1.1/1.1.2/index.md)

Méthodologie 1.1.2

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é**.

### [Test 1.1.3](https://accessibilite.p11e.dev/rgaa/1-images/1.1/1.1.3/index.md)

Méthodologie 1.1.3

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é**.

### [Test 1.1.4](https://accessibilite.p11e.dev/rgaa/1-images/1.1/1.1.4/index.md)

Méthodologie 1.1.4

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é**.

### [Test 1.1.5](https://accessibilite.p11e.dev/rgaa/1-images/1.1/1.1.5/index.md)

Méthodologie 1.1.5

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é**.

### [Test 1.1.6](https://accessibilite.p11e.dev/rgaa/1-images/1.1/1.1.6/index.md)

Méthodologie 1.1.6

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é**.

### [Test 1.1.7](https://accessibilite.p11e.dev/rgaa/1-images/1.1/1.1.7/index.md)

Méthodologie 1.1.7

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é**.

### [Test 1.1.8](https://accessibilite.p11e.dev/rgaa/1-images/1.1/1.1.8/index.md)

Méthodologie 1.1.8

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.

## [Critère 3.1 : Dans chaque page web, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?](https://accessibilite.p11e.dev/rgaa/3-couleurs/3.1/index.md)

### [Test 3.1.1](https://accessibilite.p11e.dev/rgaa/3-couleurs/3.1/3.1.1/index.md)

Méthodologie 3.1.1

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é**.

### [Test 3.1.2](https://accessibilite.p11e.dev/rgaa/3-couleurs/3.1/3.1.2/index.md)

Méthodologie 3.1.2

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é**.

### [Test 3.1.3](https://accessibilite.p11e.dev/rgaa/3-couleurs/3.1/3.1.3/index.md)

Méthodologie 3.1.3

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é**.

### [Test 3.1.4](https://accessibilite.p11e.dev/rgaa/3-couleurs/3.1/3.1.4/index.md)

Méthodologie 3.1.4

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é**.

### [Test 3.1.5](https://accessibilite.p11e.dev/rgaa/3-couleurs/3.1/3.1.5/index.md)

Méthodologie 3.1.5

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é**.

### [Test 3.1.6](https://accessibilite.p11e.dev/rgaa/3-couleurs/3.1/3.1.6/index.md)

Méthodologie 3.1.6

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é**.

## [Critère 4.1 : Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers) ?](https://accessibilite.p11e.dev/rgaa/4-multimedia/4.1/index.md)

### [Test 4.1.1](https://accessibilite.p11e.dev/rgaa/4-multimedia/4.1/4.1.1/index.md)

Méthodologie 4.1.1

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é**.

### [Test 4.1.2](https://accessibilite.p11e.dev/rgaa/4-multimedia/4.1/4.1.2/index.md)

Méthodologie 4.1.2

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é**.

### [Test 4.1.3](https://accessibilite.p11e.dev/rgaa/4-multimedia/4.1/4.1.3/index.md)

Méthodologie 4.1.3

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é**.

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

-   Le média temporel est utilisé à des fins décoratives (c’est-à-dire qu’il n’apporte aucune information) ;
-   Le média temporel est lui-même une alternative à un contenu de la page (une vidéo en langue des signes ou la vocalisation d’un texte, par exemple) ;
-   Le média temporel est utilisé pour accéder à une version agrandie ;
-   Le média temporel est utilisé comme un CAPTCHA ;
-   Le média temporel fait partie d’un test qui deviendrait inutile si la transcription textuelle, les sous-titres synchronisés ou l’audiodescription étaient communiqués ;
-   Pour les services de l’État, les collectivités territoriales et leurs établissements : si le média temporel a été publié entre le 23 septembre 2019 et le 23 septembre 2020 sur un site internet, intranet ou extranet créé depuis le 23 septembre 2018, il est exempté de l’obligation d’accessibilité ;
-   Pour les personnes de droit privé mentionnées aux 2° à 4° du I de l’article 47 de la loi du 11 février 2005 : si le média temporel a été publié avant le 23 septembre 2020, il est exempté de l’obligation d’accessibilité.

## [Critère 4.10 : Chaque son déclenché automatiquement est-il contrôlable par l’utilisateur ?](https://accessibilite.p11e.dev/rgaa/4-multimedia/4.10/index.md)

### [Test 4.10.1](https://accessibilite.p11e.dev/rgaa/4-multimedia/4.10/4.10.1/index.md)

Méthodologie 4.10.1

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).

## [Critère 5.3 : Pour chaque tableau de mise en forme, le contenu linéarisé reste-t-il compréhensible ?](https://accessibilite.p11e.dev/rgaa/5-tableaux/5.3/index.md)

### [Test 5.3.1](https://accessibilite.p11e.dev/rgaa/5-tableaux/5.3/5.3.1/index.md)

Méthodologie 5.3.1

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é**.

## [Critère 5.7 : Pour chaque tableau de données, la technique appropriée permettant d’associer chaque cellule avec ses en-têtes est-elle utilisée (hors cas particuliers) ?](https://accessibilite.p11e.dev/rgaa/5-tableaux/5.7/index.md)

### [Test 5.7.1](https://accessibilite.p11e.dev/rgaa/5-tableaux/5.7/5.7.1/index.md)

Méthodologie 5.7.1

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é**.

### [Test 5.7.2](https://accessibilite.p11e.dev/rgaa/5-tableaux/5.7/5.7.2/index.md)

Méthodologie 5.7.2

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é**.

### [Test 5.7.3](https://accessibilite.p11e.dev/rgaa/5-tableaux/5.7/5.7.3/index.md)

Méthodologie 5.7.3

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é**.

### [Test 5.7.4](https://accessibilite.p11e.dev/rgaa/5-tableaux/5.7/5.7.4/index.md)

Méthodologie 5.7.4

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é**.

### [Test 5.7.5](https://accessibilite.p11e.dev/rgaa/5-tableaux/5.7/5.7.5/index.md)

Méthodologie 5.7.5

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é**.

## [Critère 6.1 : Chaque lien est-il explicite (hors cas particuliers) ?](https://accessibilite.p11e.dev/rgaa/6-liens/6.1/index.md)

### [Test 6.1.1](https://accessibilite.p11e.dev/rgaa/6-liens/6.1/6.1.1/index.md)

Méthodologie 6.1.1

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é**.

### [Test 6.1.2](https://accessibilite.p11e.dev/rgaa/6-liens/6.1/6.1.2/index.md)

Méthodologie 6.1.2

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é**.

### [Test 6.1.3](https://accessibilite.p11e.dev/rgaa/6-liens/6.1/6.1.3/index.md)

Méthodologie 6.1.3

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é**.

### [Test 6.1.4](https://accessibilite.p11e.dev/rgaa/6-liens/6.1/6.1.4/index.md)

Méthodologie 6.1.4

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é**.

### [Test 6.1.5](https://accessibilite.p11e.dev/rgaa/6-liens/6.1/6.1.5/index.md)

Méthodologie 6.1.5

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”).

## [Critère 6.2 : Dans chaque page web, chaque lien a-t-il un intitulé ?](https://accessibilite.p11e.dev/rgaa/6-liens/6.2/index.md)

### [Test 6.2.1](https://accessibilite.p11e.dev/rgaa/6-liens/6.2/6.2.1/index.md)

Méthodologie 6.2.1

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é**.

## [Critère 7.1 : Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ?](https://accessibilite.p11e.dev/rgaa/7-scripts/7.1/index.md)

### [Test 7.1.1](https://accessibilite.p11e.dev/rgaa/7-scripts/7.1/7.1.1/index.md)

Méthodologie 7.1.1

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é**.

### [Test 7.1.2](https://accessibilite.p11e.dev/rgaa/7-scripts/7.1/7.1.2/index.md)

Méthodologie 7.1.2

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é**.

### [Test 7.1.3](https://accessibilite.p11e.dev/rgaa/7-scripts/7.1/7.1.3/index.md)

Méthodologie 7.1.3

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é**.

## [Critère 7.3 : Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ?](https://accessibilite.p11e.dev/rgaa/7-scripts/7.3/index.md)

### [Test 7.3.1](https://accessibilite.p11e.dev/rgaa/7-scripts/7.3/7.3.1/index.md)

Méthodologie 7.3.1

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é**.

### [Test 7.3.2](https://accessibilite.p11e.dev/rgaa/7-scripts/7.3/7.3.2/index.md)

Méthodologie 7.3.2

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é**.

## [Critère 8.3 : Dans chaque page web, la langue par défaut est-elle présente ?](https://accessibilite.p11e.dev/rgaa/8-elements-obligatoires/8.3/index.md)

### [Test 8.3.1](https://accessibilite.p11e.dev/rgaa/8-elements-obligatoires/8.3/8.3.1/index.md)

Méthodologie 8.3.1

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é**.

## [Critère 8.4 : Pour chaque page web ayant une langue par défaut, le code de langue est-il pertinent ?](https://accessibilite.p11e.dev/rgaa/8-elements-obligatoires/8.4/index.md)

### [Test 8.4.1](https://accessibilite.p11e.dev/rgaa/8-elements-obligatoires/8.4/8.4.1/index.md)

Méthodologie 8.4.1

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é**.

## [Critère 8.5 : Chaque page web a-t-elle un titre de page ?](https://accessibilite.p11e.dev/rgaa/8-elements-obligatoires/8.5/index.md)

### [Test 8.5.1](https://accessibilite.p11e.dev/rgaa/8-elements-obligatoires/8.5/8.5.1/index.md)

Méthodologie 8.5.1

Test 8.5.1

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é**.

## [Critère 9.1 : Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres ?](https://accessibilite.p11e.dev/rgaa/9-structuration-de-l-information/9.1/index.md)

### [Test 9.1.1](https://accessibilite.p11e.dev/rgaa/9-structuration-de-l-information/9.1/9.1.1/index.md)

Méthodologie 9.1.1

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é**.

### [Test 9.1.2](https://accessibilite.p11e.dev/rgaa/9-structuration-de-l-information/9.1/9.1.2/index.md)

Méthodologie 9.1.2

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é**.

### [Test 9.1.3](https://accessibilite.p11e.dev/rgaa/9-structuration-de-l-information/9.1/9.1.3/index.md)

Méthodologie 9.1.3

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é**.

## [Critère 10.3 : Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?](https://accessibilite.p11e.dev/rgaa/10-presentation-de-l-information/10.3/index.md)

### [Test 10.3.1](https://accessibilite.p11e.dev/rgaa/10-presentation-de-l-information/10.3/10.3.1/index.md)

Méthodologie 10.3.1

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é**.

## [Critère 10.6 : Dans chaque page web, chaque lien dont la nature n’est pas évidente est-il visible par rapport au texte environnant ?](https://accessibilite.p11e.dev/rgaa/10-presentation-de-l-information/10.6/index.md)

### [Test 10.6.1](https://accessibilite.p11e.dev/rgaa/10-presentation-de-l-information/10.6/10.6.1/index.md)

Méthodologie 10.6.1

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é**.

## [Critère 10.7 : Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?](https://accessibilite.p11e.dev/rgaa/10-presentation-de-l-information/10.7/index.md)

### [Test 10.7.1](https://accessibilite.p11e.dev/rgaa/10-presentation-de-l-information/10.7/10.7.1/index.md)

Méthodologie 10.7.1

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.0) ;
3.  Si c’est le cas pour chaque élément susceptible de recevoir le focus, **le test est validé**.

## [Critère 11.1 : Chaque champ de formulaire a-t-il une étiquette ?](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.1/index.md)

### [Test 11.1.1](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.1/11.1.1/index.md)

Méthodologie 11.1.1

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é**.

### [Test 11.1.2](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.1/11.1.2/index.md)

Méthodologie 11.1.2

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é**.

### [Test 11.1.3](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.1/11.1.3/index.md)

Méthodologie 11.1.3

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.

## [Critère 11.2 : Chaque étiquette associée à un champ de formulaire est-elle pertinente (hors cas particuliers) ?](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.2/index.md)

### [Test 11.2.1](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.2/11.2.1/index.md)

Méthodologie 11.2.1

1.  Retrouver dans le document les champs de formulaire dont l’étiquette est fournie par un élément `<label>` ;
2.  Pour chaque champ de formulaire, vérifier que le contenu de l’élément est pertinent ;
3.  Si c’est le cas pour chaque champ de formulaire, **le test est validé**.

### [Test 11.2.2](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.2/11.2.2/index.md)

Méthodologie 11.2.2

1.  Retrouver dans le document les champs de formulaire dont l’étiquette est fournie par un attribut `title` ;
2.  Pour chaque champ de formulaire, vérifier que le contenu de l’attribut est pertinent ;
3.  Si c’est le cas pour chaque champ de formulaire, **le test est validé**.

### [Test 11.2.3](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.2/11.2.3/index.md)

Méthodologie 11.2.3

1.  Retrouver dans le document les champs de formulaire dont l’étiquette est fournie par un attribut WAI-ARIA `aria-label` ;
2.  Pour chaque champ de formulaire, vérifier que le contenu de l’attribut est pertinent ;
3.  Si c’est le cas pour chaque champ de formulaire, **le test est validé**.

### [Test 11.2.4](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.2/11.2.4/index.md)

Méthodologie 11.2.4

1.  Retrouver dans le document les champs de formulaire dont l’étiquette est fournie par un attribut WAI-ARIA `aria-labelledby` ;
2.  Pour chaque champ de formulaire, vérifier que le contenu du passage de texte référencé est pertinent ;
3.  Si c’est le cas pour chaque champ de formulaire, **le test est validé**.

### [Test 11.2.5](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.2/11.2.5/index.md)

Méthodologie 11.2.5

1.  Retrouver dans le document les champs de formulaire dont l’étiquette est fournie à la fois par un intitulé visible et par le contenu soit d’un élément `<label>`, soit d’un attribut `title` ou d’un attribut `aria-label` ou d’un attribut `aria-labelledby` ;
2.  Pour chaque champ de formulaire, vérifier que le contenu de l’élément `<label>` ou 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 champ de formulaire, **le test est validé**.

### [Test 11.2.6](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.2/11.2.6/index.md)

Méthodologie 11.2.6

1.  Retrouver dans le document les champs de formulaire dont l’étiquette visible est fournie par un bouton adjacent ;
2.  Pour chaque champ de formulaire, vérifier que le contenu visible du bouton est pertinent ;
3.  Si c’est le cas pour chaque champ de formulaire, **le test est validé**.

## [Critère 11.5 : Dans chaque formulaire, les champs de même nature sont-ils regroupés, si nécessaire ?](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.5/index.md)

### [Test 11.5.1](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.5/11.5.1/index.md)

Méthodologie 11.5.1

1.  Retrouver dans le document les champs de formulaire de même nature (par exemple un groupe de saisie d’informations d’identité, une série de cases à cocher, une saisie de date sur plusieurs champs successifs…) ;
2.  Pour chaque groupe de champs de formulaire de même nature, vérifier que ces champs de même nature sont regroupés :
    -   Soit dans un élément `<fieldset>` ;
    -   Soit dans un élément possédant un attribut WAI-ARIA `role="group"` ;
    -   Soit dans un élément possédant un attribut WAI-ARIA `role="radiogroup"` ou `"group"`, s’il s’agit d’éléments `<input>` de type `radio` ( ou d’éléments possédant un attribut WAI-ARIA `role="radio"`).
3.  Si c’est le cas pour chaque groupe de champs de formulaire de même nature, **le test est validé**.

## [Critère 11.6 : Dans chaque formulaire, chaque regroupement de champs de même nature a-t-il une légende ?](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.6/index.md)

### [Test 11.6.1](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.6/11.6.1/index.md)

Méthodologie 11.6.1

1.  Retrouver dans le document les groupes de champs de formulaire de même nature ;
2.  Pour chaque groupe de champs de formulaire de même nature, vérifier que :
    -   Si le regroupement utilise un élément `<fieldset>`, l’élément `<fieldset>` possède un élément `<legend>` ;
    -   Si l’élément de regroupement utilise un attribut WAI-ARIA `role="group"` ou `"radiogroup"`, il possède un attribut WAI-ARIA `aria-label` ou `aria-labelledby`.
3.  Sinon, pour chacun des champs de même nature, vérifier la présence :
    -   Soit d’un attribut title permettant de déterminer l’appartenance du champ au groupement de champ ;
    -   Soit d’un attribut `aria-label` permettant de déterminer l’appartenance du champ au groupement de champ ;
    -   Soit d’un attribut `aria-labelledby` qui référence un passage de texte permettant de déterminer l’appartenance du champ au groupement de champ ;
    -   Soit d’un attribut `aria-describedby` qui référence un passage de texte permettant de déterminer l’appartenance du champ au groupement de champ.
4.  Si c’est le cas pour chaque groupe de champs de formulaire ou pour chacun des champs de même nature, **le test est validé**.

## [Critère 11.9 : Dans chaque formulaire, l’intitulé de chaque bouton est-il pertinent (hors cas particuliers) ?](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.9/index.md)

### [Test 11.9.1](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.9/11.9.1/index.md)

Méthodologie 11.9.1

1.  Retrouver dans le document les boutons présents au sein d’un formulaire ;
2.  Pour chaque bouton, vérifier que son intitulé visible et son nom accessible sont pertinents ;
3.  Si c’est le cas pour chaque bouton, **le test est validé**.

### [Test 11.9.2](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.9/11.9.2/index.md)

Méthodologie 11.9.2

1.  Retrouver dans le document les boutons présents au sein d’un formulaire ;
2.  Pour chaque bouton, vérifier que son nom accessible contient au moins son intitulé visible ;
3.  Si c’est le cas pour chaque bouton, **le test est validé**.

## [Critère 11.10 : Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.10/index.md)

### [Test 11.10.1](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.10/11.10.1/index.md)

Méthodologie 11.10.1

1.  Retrouver dans le document les champs de formulaire obligatoires ;
2.  Pour chaque champ de formulaire, vérifier que préalablement à la validation du formulaire :
    -   Soit une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné ;
    -   Soit le champ possède un attribut `aria-required="true"` ou `required`.
3.  Si c’est le cas pour chaque champ de formulaire obligatoire, **le test est validé**.

### [Test 11.10.2](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.10/11.10.2/index.md)

Méthodologie 11.10.2

1.  Retrouver dans le document les champs de formulaire obligatoires qui possèdent un attribut `aria-required="true"` ou `required` ;
2.  Pour chaque champ de formulaire, vérifier que préalablement à la validation du formulaire :
    -   Soit une indication de champ obligatoire est visible et située dans l’étiquette associée au champ ;
    -   Soit une indication de champ obligatoire est visible et située dans le passage de texte associé au champ.
3.  Si c’est le cas pour chaque champ de formulaire obligatoire qui possèdent un attribut `aria-required="true"` ou `required`, **le test est validé**.

### [Test 11.10.3](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.10/11.10.3/index.md)

Méthodologie 11.10.3

1.  Retrouver dans le document les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire ;
2.  Pour chaque message d’erreur, vérifier que :
    -   Soit le message d’erreur est visible et permet d’identifier nommément le champ concerné ;
    -   Soit le champ obligatoire associé au message d’erreur possède un attribut `aria-invalid="true"`.
3.  Si c’est le cas pour chaque message d’erreur indiquant l’absence de saisie d’un champ obligatoire, **le test est validé**.

### [Test 11.10.4](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.10/11.10.4/index.md)

Méthodologie 11.10.4

1.  Retrouver dans le document les champs de formulaire obligatoires qui possèdent un attribut `aria-invalid="true"` ;
2.  Pour chaque champ de formulaire, vérifier que :
    -   Soit le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ;
    -   Soit le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.
3.  Si c’est le cas pour chaque champ de formulaire obligatoire qui possède un attribut `aria-invalid="true"`, **le test est validé**.

### [Test 11.10.5](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.10/11.10.5/index.md)

Méthodologie 11.10.5

1.  Retrouver dans le document les champs de formulaire obligatoires auxquels est associée une instruction ou une indication du type de données et/ou de format obligatoire ;
2.  Pour chaque champ de formulaire, vérifier que l’instruction ou l’indication du type de données et/ou de format obligatoire est préalablement à la validation du formulaire :
    -   Soit visible et permet d’identifier nommément le champ concerné ;
    -   Soit visible dans l’étiquette ou le passage de texte associé au champ.
3.  Si c’est le cas pour chaque champ de formulaire obligatoire auxquel est associée une instruction ou une indication du type de données et/ou de format obligatoire, **le test est validé**.

### [Test 11.10.6](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.10/11.10.6/index.md)

Méthodologie 11.10.6

1.  Retrouver dans le document les messages d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoire d’un champ ;
2.  Pour chaque message d’erreur, vérifier que :
    -   Soit le message d’erreur est visible et permet d’identifier nommément le champ concerné ;
    -   Soit le champ associé au message d’erreur possède un attribut `aria-invalid="true"`.
3.  Si c’est le cas pour chaque message d’erreur indiquant l’absence de saisie d’un champ obligatoire, **le test est validé**.

### [Test 11.10.7](https://accessibilite.p11e.dev/rgaa/11-formulaires/11.10/11.10.7/index.md)

Méthodologie 11.10.7

1.  Retrouver dans le document les champs de formulaire qui possèdent un attribut `aria-invalid="true"` ;
2.  Pour chaque champ de formulaire, vérifier que :
    -   Soit une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans l’élément `<label>` associé au champ ;
    -   Soit une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans le passage de texte associé au champ.
3.  Si c’est le cas pour chaque champ de formulaire qui possède un attribut `aria-invalid="true"`, **le test est validé**.

## [Critère 12.8 : Dans chaque page web, l’ordre de tabulation est-il cohérent ?](https://accessibilite.p11e.dev/rgaa/12-navigation/12.8/index.md)

### [Test 12.8.1](https://accessibilite.p11e.dev/rgaa/12-navigation/12.8/12.8.1/index.md)

Méthodologie 12.8.1

1.  Parcourir dans le document l’ensemble des contenus au moyen de la touche de tabulation vers l’avant (touche Tab) et vers l’arrière (touches Maj+Tab) ;
2.  Vérifier que l’ordre de déplacement du focus reste cohérent relativement au contenu considéré (par exemple, l’ordre de tabulation dans une fenêtre modale ne doit considérer que les éléments d’interface présents au sein de cette fenêtre) ;
3.  Si c’est le cas, **le test est validé**.

Note : il n’est pas obligatoire que la tabulation suive l’ordre de lecture naturel (de gauche à droite et de haut en bas par exemple) tant que les éléments sont accessibles dans un ordre cohérent.

### [Test 12.8.2](https://accessibilite.p11e.dev/rgaa/12-navigation/12.8/12.8.2/index.md)

Méthodologie 12.8.2

1.  Retrouver dans le document l’ensemble des contenus insérés au moyen d’un script (affichage d’éléments masqués, mise jour de contenu via AJAX par exemple) ;
2.  Positionner la tabulation sur l’élément déclencheur et l’activer ;
3.  Après l’affichage du contenu mis à jour, vérifier que la tabulation reste cohérente (repositionnement correct du focus) ;
4.  Si c’est le cas, **le test est validé**.

## [Critère 12.9 : Dans chaque page web, la navigation ne doit pas contenir de piège au clavier. Cette règle est-elle respectée ?](https://accessibilite.p11e.dev/rgaa/12-navigation/12.9/index.md)

### [Test 12.9.1](https://accessibilite.p11e.dev/rgaa/12-navigation/12.9/12.9.1/index.md)

Méthodologie 12.9.1

1.  Retrouver dans le document l’ensemble des éléments d’interface susceptibles de recevoir le focus (au moyen de la tabulation ou au moyen d’un script) ;
2.  Pour chaque élément d’interface, vérifier que l’utilisateur peut atteindre l’élément suivant ou précédent pouvant recevoir le focus :
    -   Soit au moyen de la touche de tabulation (Tab ou Maj+Tab) ;
    -   Soit au moyen d’une autre interaction clavier dont l’utilisateur est informé (par exemple, les flèches de direction).
3.  Si c’est le cas pour chaque élément d’interface, **le test est validé**.

Note : certains éléments d’interface complexes, comme un groupe de boutons radio, une liste de sélection et tous les composants développés avec WAI-ARIA font appel à des navigations optimisées qui utilisent généralement les flèches de direction pour passer d’une partie du composant à l’autre. Par exemple, dans un groupe de boutons radio les options sont navigables avec les flèches de direction. De même dans un système d’onglets l’utilisateur active les onglets avec les flèches de direction. Le test sur le piège au clavier se limite alors à vérifier que le composant est atteint avec la tabulation et qu’il est possible de passer au composant suivant ou revenir au composant précédent.