Indiquer le langage humain principal du document en utilisant l’attribut lang au sein de la balise <html> |
|
| Indiquer les passages en langage secondaire dans d’autres balises encadrant le passage concerné |
|
| Proposer des liens de navigation dès le début du balisage lorsque les pages contiennent beaucoup de contenu avant le contenu principal |
|
Indiquer des en-têtes dans les tableaux de données avec des balises <th>, et associer toutes les cellules de données à leurs en-têtes |
|
| S’assurer que l’ordre des tabulations est logique, en utilisant tabindex au besoin |
|
| S’assurer que la page fonctionne toujours quand les images sont désactivées |
|
| S’assurer que les pages restent utilisables quand les utilisateurs agrandissent le texte au double de sa taille originale |
|
| Vérifier que chaque élément de la page est accessible et manipulable au clavier |
|
| Rédiger des textes d’appel de liens qui puissent être compris hors contexte (pas de liens titrés « cliquez ici ») |
|
| Pour les daltoniens ou les malvoyants, s’assurer de proposer un contraste suffisant entre le contenu et le fond de la page |
|
| N’utiliser aucun contenu qui clignote plus de trois fois par seconde |
|
| Ne pas cacher l’indicateur de focus. Quand un utilisateur navigue au clavier, il doit toujours savoir où ces éléments se trouvent |
|
| Ne pas attendre des utilisateurs qu’ils perçoivent du sens grâce aux polices, aux couleurs ou à d’autres modifications de style |
|
| Être brefs dans les textes alternatifs, mais donner du détail dès lors qu’il y a du sens à transmettre |
|
| Fournir un script, des sous-titres, et/ou une traduction en langue des signes pour toutes les vidéos ou les sons contenant du discours |
|
| Fournir une version « descriptive » d’une vidéo lorsqu’il est essentiel d’en comprendre le contenu pour des utilisateurs non-voyants |
|
| S’assurer que toutes les vidéos, si elles ne se lancent pas automatiquement, offrent au minimum une touche de lecture accessible |
|
| Quand du texte peut être interprété visuellement par le navigateur aussi bien que s’il s’agissait d’une image, éviter d’utiliser des images |
|
| Éviter les CAPTCHAs (questionnaires de test visuels anti-robots) |
|
Marquer tous les champs de formulaire avec la balise d’étiquetage <label> |
|
Utiliser les regroupements de champs (<fieldset>) avec des balises de titrage (<legend>) pour associer des demandes de saisie |
|
| Recenser toutes les erreurs de saisie au format texte, et placer le message à côté du champ concerné ou à un emplacement bien repérable |
|
| Offrir des liens d’aide ou des instructions en ligne pour remplir les champs si nécessaire |
|
| Ne pas laisser les utilisateurs effectuer des actions importantes sans leur proposer une confirmation ou un moyen d’annuler |
|