Protocole de vérification facile

Ce protocole de vérification, défini par la Web Accessibility Initiative (WAI) du W3C, couvre les problèmes faciles à vérifier. Il ne remplace pas une évaluation plus approfondie. Un site Web qui réussit ces vérifications peut encore avoir des problèmes d’accessibilité.

Pour plus d’information sur le protocole, visitez la page Easy Checks – A First Review of Web Accessibility.

Liste de vérification

  1. Titres de page
  2. Texte alternatif
  3. Titres HTML
  4. Contraste des couleurs
  5. Redimensionner du texte
  6. Clavier et focus
  7. Formulaires
  8. Contenu mobile et clignotant
  9. Alternatives multimédias
  10. Structure
  11. Vérifications supplémentaires facultatives
    1. Langue
    2. Bloc de contournement
    3. Texte du lien accessible
    4. Régions de la page
    5. Navigation et identification cohérente
    6. Tableaux

Titres de page

  • Il y a une balise <title> qui décrit brièvement et adéquatement le contenu de la page.
  • Chaque page du site a un titre unique qui permet de se distinguer des autres pages.

WCAG 2.4.2

Retour vers l’index

Texte alternatif

  • Chaque élément <img> a un attribut alt.
  • Les images décoratives doivent être masquées pour les lecteurs d’écran (attribut alt vide ou ARIA role=presentation).
  • Le texte alternatif est descriptif pour les éléments fonctionnels <img> (par exemple, les élément informatifs, les liens d’image, les boutons d’image).

WCAG 1.1.1

Retour vers l’index

Titres HTML

  • Tout le texte qui ressemble à un titre est marqué comme un en-tête (H1, H2, H3, H4).
  • Tout le texte marqué comme un en-tête est un titre.
  • La hiérarchie des titres est significative et correctement imbriquée.

WCAG 2.4.6

Retour vers l’index

Contraste des couleurs

  • Le rapport de contraste pour le texte de taille normale est d’au moins 4,5:1.
  • Le rapport de contraste pour le texte de grande taille (19 pixels et gras ou 24 pixels et normal) est d’au moins 3:1.

Outils recommandés pour tester le contraste des couleurs
WCAG 1.4.3

Retour vers l’index

Redimensionner du texte

  • Tout le texte s’agrandit.
  • Le contenu n’est pas coupé, tronqué ou masqué.
  • Le contenu ne se chevauche pas.
  • Les éléments interactifs (par exemple les contrôles de formulaire) sont visibles et utilisables.
  • Le défilement horizontal n’est pas nécessaire.

WCAG 1.4.4

Retour vers l’index

Clavier et focus

  • Tout le contenu peut être consulté avec le clavier.
  • Il est possible de revenir en arrière (ouvrir, fermer).
  • L’ordre de tabulation suit l’ordre de lecture logique.
  • Le focus sur les éléments actifs est évident.
  • Les liens sur les images reçoivent le focus et peuvent être activés par le clavier.

WCAG 2.1.1 et 2.4.7

Retour vers l’index

Formulaires

  • Les formulaires peuvent être remplis avec le clavier.
  • Les éléments HTML <label> sont correctement implémentés et positionnés.
  • Les champs obligatoires sont clairement indiqués et non uniquement par la couleur.
  • Des instructions sont fournies avant le formulaire.
  • Les messages d’erreur sont faciles à trouver et fournissent des conseils clairs.

WCAG 3.3.1, 3.3.2 et 3.3.3

Retour vers l’index

Contenu mobile et clignotant

  • Le contenu qui bouge, clignote ou défile pendant plus de cinq secondes comporte un bouton de pause ou d’arrêt.
  • S’il y a une mise à jour automatique des informations, il y a un bouton de pause ou d’arrêt.
  • Aucun contenu ne clignote plus de trois fois en une seconde.

WCAG 2.2.1 et 2.3.1

Retour vers l’index

Alternatives multimédias

  • Les sous-titres sont fournis et sont corrects.
  • Les pistes audio décrivent les éléments visuels importants.

WCAG 1.2.1, 1.2.2, 1.2.3 et 1.2.4

Retour vers l’index

Structure

Lorsque les styles et les images sont désactivés dans la page :

  • L’ordre de lecture est logique.
  • Des titres clairs organisent la page.
  • Le texte alternatif fournit des informations adéquates sur les images significatives, et aucune information sur les images décoratives.

WCAG 1.3.1

Retour vers l’index

Vérifications supplémentaires facultatives

Ceux qui sont à l’aise avec le protocole ci-dessus peuvent souhaiter vérifier des éléments supplémentaires.

Langue

L’élément <html> doit contenir la spécification de la langue de la page.

WCAG 3.1.1

Retour vers l’index

Bloc de contournement

Un lien est disponible en haut de chaque page pour mener directement à la zone de contenu principale.

WCAG 2.4.1

Retour vers l’index

Texte du lien accessible

  • Les liens ont un texte de lien visible qui a du sens hors contexte.
  • Les liens dont le texte de lien visible n’est pas suffisant, ont un attribut de titre et un attribut ARIA pour fournir un contexte supplémentaire.

WCAG 2.4.4

Retour vers l’index

Régions de la page

  • La page est organisée en régions.
  • Tout le contenu se trouve dans une région appropriée et aucune région inappropriée n’est utilisée.
  • La page a une seule bannière et un seul contenu principal.
  • S’il y a plusieurs régions secondaires, chacune a un ID unique.

WCAG 1.3.1

Retour vers l’index

  • Les liens répétés sur plusieurs pages sont présentés dans le même ordre relatif et ont le même libellé.
  • Les blocs et éléments de navigation répétés sur plusieurs pages sont présentés dans le même ordre relatif et sont étiquetés de manière cohérente.

WCAG 3.2.3 et 3.2.4

Retour vers l’index

Tableaux

  • Les tableaux ne sont pas utilisés pour la mise en page.
  • Les tables de données utilisent de manière appropriée les éléments <caption> et <th>
  • Les éléments <th> ont des attributs appropriés.

WCAG 1.3.1

Retour vers l’index

.