MENU

Liste complète de contrôle de l’accessibilité d’un site Web

05 Sep
2019

Liste complète de contrôle de l’accessibilité d’un site Web

Votre site Web peut atteindre un public énorme. Atteindre, ainsi que d’attirer ces utilisateurs, nécessite toutefois un site accessible à tous. C’est pourquoi les équipes de développement et de marketing doivent examiner les listes de contrôle d’accessibilité des sites Web et s’assurer que votre site est conforme aux directives pour l’accessibilité au contenu Web (WCAG).

Continuez votre lecture pour consulter notre liste de contrôle de conformité définitive avec plus de 50 normes à respecter.

Liste complète de contrôle de l'accessibilité d'un site Web

Liste complète de contrôle de l’accessibilité d’un site Web

Liste de contrôle de WCAG 2.0

Évaluez rapidement votre conformité à WCAG avec notre liste de contrôle à jour de WCAG 2.0:

  • Niveau A : Rendez votre site accessible à certains utilisateurs.
  • Niveau AA : Rendez votre site accessible à presque tous les utilisateurs.
  • Niveau AAA : Rendez votre site accessible à tous les utilisateurs.

 

Liste de contrôle de l’accessibilité du site Web de niveau A

Si votre entreprise n’a pas beaucoup de temps à consacrer à la conformité WCAG, le niveau A peut vous aider à démarrer. Avec le niveau A, vous apportez à votre site certaines modifications de base qui le rendent accessible à certains utilisateurs (mais pas à tous).

Liste de contrôle de l’accessibilité Web de niveau A

  
Lignes directricesActions de référence
Contenu non textuelAjoutez du texte de remplacement aux images.
Ajouter un texte alternatif à l’audio et à la vidéo.
Ajoutez des noms aux contrôles, comme «Soumettre ».
Audio uniquement et vidéo uniquementRédigez des transcriptions pour du contenu uniquement audio et vidéo.
Liez ou placez les transcriptions près du contenu audio ou vidéo.
Enregistrez des pistes audio pour les médiasuniquement vidéo
LégendesAjoutez des légendes à toutes les vidéos avec son.
Description audio ou alternative multimédiaÉcrire des transcriptions vidéo.
Fournir des descriptions audio de la vidéo.
Informations et relationsUtilisez un code HTML valide et correct.
Appliquez des étiquettes claires aux formulaires.
Diviser le contenu avec les sous-titres.
Séquence utileSéparer les menus de navigation du contenu.
Utilisez un code HTML valide.
Utilisez des en-têtes et des listes.
Organiser les paragraphes dans l’ordre.
Caractéristiques sensoriellesDonnez plus d’instructions, comme la vue et le son, pour les instructions.
Utilisation des couleursÉvitez les références de couleur dans le texte, par exemple en demandant aux utilisateurs de cliquer sur un bouton vert.
Contrôle audioPermet aux utilisateurs de choisir quand lire de l’audio, plutôt que de le lire automatiquement.
ClavierSupprimez toute fonction utilisant des frappes au clavier programmées, comme un double clic.
Pas de clavierActiver le contrôle de la navigation avec la flèche ou la touche “Tab”.
Éliminez les cas où les utilisateurs ne peuvent pas naviguer ou accéder à votre site sans clavier.
Durée réglablePermet aux utilisateurs d’éteindre, d’ajuster ou de prolonger n’importe quel délai, à l’exception des événements en temps réel, comme une vente aux enchères.
Autoriser les utilisateurs à mettre en pause le déplacement ou le texte animé.
Autoriser les utilisateurs à retarder la fréquence de mise à jour.
Mettre en pause, arrêter, masquerFournissez tout le contenu en mouvement, clignotant, défilant ou mis à jour automatiquement avec des contrôles utilisateur.
Trois clignotements ou moinsSupprimez tout contenu clignotant plus de trois fois par seconde.
Blocs de contournementAjoutez un lien «Passer au contenu» à toutes les pages du site.
Rendre le lien « Passer au contenu » visible et accessible.
Titre de pageÉcrire des titres uniques et descriptifs pour chaque page de votre site.
Ordre de focalisationAssurez la fonctionnalité du site avec la touche “Tabulation”.
Définissez l’ordre des éléments, comme les pages de votre navigation, de manière logique.
Objet du lien dans le contenuCréez un texte d’ancrage facile à comprendre et aligné sur le texte environnant.
Langue de la pageUtilisez le HTML pour utiliser le code de langue approprié pour les pages.
Mise au pointÉliminez les réponses automatiques, telles que les fenêtres contextuelles, les soumissions de formulaires et les ouvertures de liens.
Exiger une action de l’utilisateur, comme un clic de souris pour ouvrir un lien, pour que les réponses se produisent.
À l’entréeSupprimez tous les champs du formulaire de soumission automatique.
Éliminez toutes les instances qui suppriment le contrôle d’un utilisateur lorsqu’il interagit avec un élément.
Identification des erreursLes utilisateurs fournisseurs fournissent des explications pour les erreurs et des instructions pour les corriger.
Placez les explications d’erreur près de l’erreur, comme un champ de formulaire obligatoire mais vide.
Étiquettes ou instructionsÉtiquetez tous les champs de saisie.
Décrivez le format préféré pour les champs de saisie, comme pour un numéro de téléphone ou une date.
Fournissez des instructions utiles pour remplir les champs de saisie.
AnalyseSuivez la structure et les directives HTML appropriées.
Corrigez tous les éléments HTML avec des attributs en double.
Nom, rôle et valeurAssurez-vous que le site utilise un balisage HTML valide.
Suivez les spécifications HTML pour les scripts de sites Web.

Liste de vérification de l’accessibilité de niveau AA d’un site Web

Grâce à la liste de vérification de l’accessibilité de niveau AA d’un site web, votre entreprise adopte une approche plus proactive pour créer et maintenir un site accessible. La plupart des mesures de suivi de cette liste de vérification de la conformité du site Web rendent votre site Web accessible à presque tous les utilisateurs.

Liste de contrôle de l’accessibilité au Web de niveau AA

Ligne directriceCe que vous devez faire
Légende des vidéos en directLégende des vidéos en direct par l’intermédiaire d’un logiciel ou de services professionnels.
Description audioAjoutez des bandes sonores de description audio à n’importe quel contenu vidéo.
Fournir un lien vers la bande sonore à proximité du contenu.
ContrasteUtilisez un fond clair et un texte sombre ou vice versa.
Redimensionner le texteEmpêcher que le texte redimensionné n’oblige les utilisateurs à faire défiler horizontalement.
Permet de redimensionner le texte jusqu’à 200%
Images de texteÉliminer toutes les images qui utilisent des images de texte pour transmettre du contenu.
Utilisez CSS pour styliser le texte, comme pour les guillemets tirés.
Recherche de pagesAjouter un sitemap HTML.
Activer la recherche de site.
Créez un menu de navigation logique.
Rendez votre menu de navigation cohérent sur l’ensemble de votre site.
En-têtes et étiquettesRendre les en-têtes et les sous-titres simples et descriptifs.
Étiquetez les éléments du site, comme les tableaux ou les formulaires.
Mise au point visibleUtilisez CSS pour ajouter des bordures ou des soulignements aux éléments lorsqu’ils sont sélectionnés par le clavier de l’utilisateur.
Activer la visibilité de la mise au point du clavier sur tous les éléments du site, comme les menus, les champs de formulaire et les liens.
Langue des partiesAjouter un attribut de langue aux pages dont le contenu n’est pas dans votre langue par défaut.
Navigation cohérenteAdoptez un emplacement universel pour votre menu de navigation et l’ordre des éléments dans le menu de navigation.
Identification cohérenteL’étiquette et les éléments de nom ayant la même fonction sont cohérents.
Utilisez un texte alt identique pour les éléments ayant la même fonction.
Suggestion d’erreursActivez les éléments, comme les formulaires, pour identifier les erreurs de saisie.
Communiquer les erreurs aux utilisateurs à l’aide de suggestions textuelles.
Prévention des erreursRendre réversibles les modifications apportées aux données contrôlées par l’utilisateur, comme l’annulation d’une commande.
Permettre aux utilisateurs de corriger les erreurs.
Créez une page de confirmation qui détaille les commentaires de l’utilisateur et les résultats du site Web.

Liste de contrôle pour l’accessibilité de niveau AAA des sites Web

Avec la conformité de niveau AAA, votre entreprise adopte une approche agressive en matière d’accessibilité des sites Web. Bien que vous puissiez vous concentrer sur cette liste de vérification de l’accessibilité du site Web, elle est souvent considérée comme trop agressive pour la plupart des sites. C’est pourquoi de nombreuses entreprises se concentrent sur le niveau AA.

Liste de contrôle de l’accessibilité au Web de niveau AAA

Lignes directricesMesures à prendre
Langue des signesTélécharger des versions vidéo alternatives en langue des signes.
Placez les versions alternatives à proximité de la vidéo originale.
Description audio étendueCréez des bandes sonores de description audio étendue avec suffisamment de pauses pour que les utilisateurs puissent les écouter et les comprendre.
Placez les bandes sonores près de la vidéo originale.
Autre médiaRédiger une transcription en texte intégral.
Placez la transcription près du contenu vidéo.
Live audio uniquementUtiliser des sous-titres codés.
Fournir le texte du script.
ContrasteUtilisez un fond sombre et un texte clair ou vice versa.
Audio de fond faible ou nulÉliminer le bruit de fond de l’audio.
Maintenir un bruit de fond de 20 décibels sous le bruit de premier plan.
Présentation visuelleUtilisez des outils qui permettent aux utilisateurs de personnaliser les couleurs d’arrière-plan et d’avant-plan, l’espacement et la taille du texte.
Pas de chronométragePermettre des limites de temps pour les événements en temps réel uniquement, comme les ventes aux enchères ou les diffusions en direct.
InterruptionsSupprime les redirections qui se produisent après un certain temps.
Éliminez les fenêtres contextuelles.
RéauthentifierSauvegarder les données des utilisateurs, comme les articles dans leur panier, lors de la ré-authentification de leur identité.
EmplacementUtilisez la navigation par fil d’Ariane.
Ajouter un plan du site.
Titres des sectionsAjouter des titres pertinents au contenu
Mots inhabituelsÉvitez les expressions idiomatiques et le jargon
Expliquez les mots dans le texte ou avec un lien vers une page pertinente.
AbréviationsÉliminer les abréviations ou expliquer les abréviations dans le contenu.
Niveau de lectureUtilisez un outil de test de lisibilité, comme Translated Labs.
Créez des images ou des diagrammes pour expliquer le contenu.
PrononciationLien vers les guides de prononciation des mots ou écrire la prononciation phonétique.

Prêt pour la conformité WCAG ?

Grâce à cette liste de contrôle de l’accessibilité du Web, votre entreprise (et votre équipe) peut aller de l’avant pour se conformer aux WCAG. Si vous avez besoin d’aide, Metadosi dispose d’une équipe dédiée et expérimentée de concepteurs, développeurs et rédacteurs.

Nos services de conformité de site Web peuvent aider votre entreprise à cocher tout ce qui figure sur la liste de vérification de l’accessibilité de votre site Web. Explorez nos forfaits dès aujourd’hui !

Travaillez avec nous |

Continuez la lecture

Création de site internet Ressources de conception Web
RainmakerBlog de création de site web
Refonte de site Web Coût d’un site Web
Création de landing pageSite Web responsif

 

CALCULATEUR DE COÛTS DE SITE WEB

Résumé
Date de l'avis
Article commenté
Liste complète de contrôle de l'accessibilité d'un site Web
Note de l'auteur
51star1star1star1star1star

Nicolas Schiavon
author

Après 22 ans dans le monde de l'automobile et après avoir créé plusieurs sites internet de vente de voitures, dont le premier en 1997, et les premières pages Facebook de garage automobile, mais aussi dans d'autres domaines, Nicolas décide de mettre son savoir faire en marketing digital au services des entreprises qui décident de renforcer leur présence sur Internet. Assurer la visibilité des clients sur le digital, en les accompagnant dans leur transformation digitale et augmenter leur taux de convertion en générant des leads qualifiés grâce au référencement Google de notre agence SEO Metadosi.

Leave a reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest