Liste de vérification pour l'accessibilité Web
Liste de vérification pour vérifier si le contenu d'une page web est accessible ou non
- Les images informatives ont un texte alternatif court et descriptif, et toutes les images décoratives ont des attributs alternatifs vides
<alt=“”>. - Les titres sont significatifs et utilisés pour créer une structure hiérarchique. (Les niveaux de titres ne doivent pas être sautés).
- La balise
<table>n’est pas utilisée pour la mise en page. - Toutes les pages qui contiennent des tableaux pour transmettre des données utilisent soit
scope(seulement en anglais) ouidwithheaders(seulement en anglais). - Les éléments d'information et les définitions sont correctement structurés sous forme de listes ordonnées
<ol>, non ordonnées<ul>ou de définitions<dl>. - L'ordre de lecture des pages est logique et intuitif.
- Le niveau de contraste de la présentation visuelle du texte et des images de texte est d'au moins 4,5:1 sur toutes les pages.
- Les utilisateurs peuvent redimensionner (par exemple, zoomer) jusqu'à 200 %, sans perte de contenu ou de fonctionnalité.
- Le contenu de la page est redistribué sur les appareils mobiles (en modifiant la taille de la fenêtre d’affichage, à partir de 320 px) à mesure que le zoom augmente, jusqu'à 400%.
- Les éléments interactifs (liens, boutons, menus, boutons d'expansion et de réduction, etc.) reçoivent toujours la priorité lorsqu'on utilise le clavier.
- Le contenu statique (comme les titres, les paragraphes, les éléments de liste, etc.) ne doit pas être mis en évidence par défaut lors de l'utilisation du clavier.
- Un mécanisme est disponible pour contourner les blocs de contenu qui se répètent sur plusieurs pages web.
- Les pages web ont des titres uniques qui décrivent le sujet ou l'objectif.
- L'objectif de chaque lien peut être déterminé à partir du texte du lien.
- La langue de la page et de son contenu est programmée.
- Chaque élément d’un formulaire a un «
label» associé. - Se référer à la page de validation des formulaires Boîte à outils de l'expérience Web (BOEW) pour la validation générique et la gestion des messages d'erreur pour les formulaires Web.
- La balise
<br>n’est pas utilisée pour créer des espaces; le CSS est plutôt utilisé. - Utilisez Markup Validation Service (seulement en anglais) pour valider le balisage des pages.
Détails de la page
- Date de modification :