Accessibilité numérique : la checklist

Décrire images informatives, graphiques et icônes porteuses de sens ; masquer aux aides techniques les images décoratives.

1.1.1 Non-text Content

Utiliser de vrais titres hiérarchisés, listes, tableaux avec en-têtes et zones de page, plutôt que des mises en forme visuelles.

1.3.1 Info and Relationships

Respecter un contraste d’au moins 4,5:1 pour le texte courant et 3:1 pour les composants d’interface et graphiques utiles.

1.4.3 Contrast (Minimum)1.4.11 Non-text Contrast

Rendre toutes les fonctions accessibles au clavier, sans piège, avec un indicateur de focus visible et jamais masqué par un bandeau ou une fenêtre.

2.1.1 Keyboard2.4.7 Focus Visible2.4.11 Focus Not Obscured (Minimum)

Afficher le contenu sur 320 pixels de large sans défilement horizontal et prévoir des cibles tactiles d’au moins 24 × 24 pixels CSS ou bien espacées.

1.4.10 Reflow2.5.8 Target Size (Minimum)

Associer chaque champ à un libellé, donner les consignes avant la saisie, décrire les erreurs en texte et exposer nom, rôle et état de chaque composant.

3.3.2 Labels or Instructions3.3.1 Error Identification4.1.2 Name, Role, Value