Checklist WCAG 2.1 AA

Toutes les images ont un texte alternatif descriptif. Les images décoratives utilisent alt="".

Fournir une transcription textuelle ou une audiodescription pour les médias préenregistrés.

Toutes les vidéos préenregistrées ont des sous-titres synchronisés.

Les vidéos préenregistrées ont une audiodescription du contenu visuel.

Audiodescriptions étendues pour le contenu visuel complexe dans les vidéos.

La couleur n'est pas le seul moyen de transmettre l'information (ex. : les états d'erreur utilisent aussi des icônes/textes).

Le texte a un ratio de contraste d'au moins 4,5:1. Le texte large (18px+) nécessite 3:1.

Le texte peut être agrandi à 200 % sans perte de contenu ou de fonctionnalité.

Les composants d'interface et les graphiques ont un ratio de contraste d'au moins 3:1.

Toutes les fonctionnalités sont utilisables uniquement au clavier (pas de souris nécessaire).

Les utilisateurs peuvent quitter n'importe quel composant en utilisant le clavier.

Fournir un lien « aller au contenu principal ».

Le focus se déplace dans un ordre logique et significatif.

L'indicateur de focus clavier est visible sur tous les éléments interactifs.

Les champs de formulaire utilisent des éléments <label> appropriés. Les titres utilisent du HTML sémantique (h1-h6).

Les erreurs de formulaire sont clairement identifiées et décrites en texte.

Tous les champs de formulaire ont des étiquettes visibles (pas seulement des placeholders).

Les composants d'interface personnalisés ont des rôles, noms et états ARIA appropriés.

L'ordre de lecture dans le DOM correspond à la présentation visuelle.

Chaque page a un <title> descriptif et unique.

Les titres et étiquettes décrivent le sujet ou l'objectif.

L'attribut lang est défini sur l'élément <html>.

Le contenu dans une autre langue est marqué avec l'attribut lang.