Guide de l'accessibilité web

Inscrivez-vous gratuitement et profitez d'un outil pratique pour gérer votre travail d'optimisation.

Accessibilité des contenus non textuels.
Les contenus non textuels, comme par exemple les images ou les vidéos, doivent bénéficier d'une alternative textuelle.
JavaScript et accessibilité.
Utilisez JavaScript pour fournir une valeur ajoutée à ceux qui en bénéficient, et faites en sorte que le site continue à fonctionner pour les autres.
Renseigner correctement l'attribut ALT des images.
Selon la nature de l'image utilisée, l'attribut alt ne sera pas renseigné de la même manière.
Quand et comment utiliser l'attribut longdesc.
Lorsqu'une image véhicule beaucoup d'informations et nécessite une description trop longue pour l'attribut alt, il convient d'utiliser l'attribut longdesc...
Les pièges de la couleur (accessibilité de l'information).
L'information véhiculée par la couleur doit également être accessible sans couleur.
Synchronisation des équivalents des contenus multimédia.
L'alternative doit être synchronisée avec le document multimédia, afin que chacun puisse avoir accès de manière équivalente et en temps réel à l'information.
Identification des changements de langue dans une page web.
Les lecteurs d'écran prononceront correctement les mots étrangers au langage naturel du document si vous leur indiquer la langue à utiliser.
Frames et accessibilité web.
De nos jours la technique des frames n'a plus aucun intérêt. Il s'agit d'une technologie obsolète causant des problèmes d'accessibilité (et de référencement).
Organisation logique du contenu.
Le contenu doit être restitué de manière compréhensible, même en cas de désactivation des feuilles de style de la part de l'utilisateur.
Employer un langage adapté.
Il est recommandé d'employer le langage le plus naturel et simple possible...
Contraste des couleurs.
Le choix des couleurs ne doit pas se limiter exclusivement à des considérations d'ordre esthétique.
Langages de balisage, images et accessibilité.
Lorsque du contenu nécessite une mise en forme particulière, les webmasters sont souvent tentés d'utiliser une image au lieu de balises pourtant appropriées.
Séparation de la structure et de la présentation.
La structure du document est déterminée par le balisage tandis que la présentation est l'apanage des feuilles de style.
Impact du choix des unités de mesure sur l'accessibilité.
L'utilisation d'unités relatives plutôt que des unités absolues permet un affichage plus flexible et adapté aux besoins spécifiques de l'utilisateur.
Indication du langage naturel d'une page web.
Indiquer de manière explicite la langue principale de la page web est important...
Utilité d'un sommaire pour les tableaux de données.
Le sommaire permet de donner à l'utilisateur des indications sur la fonction du tableau.
Mise à jour des équivalents textuels des contenus dynamiques.
Si le contenu non textuel est susceptible de changer, il faudra également prévoir la mise à jour de l'alternative textuelle.
Accessibilité des textes défilants et des objets en mouvement.
Lorsqu'une page web présente des contenus "mobiles", il convient de donner la possibilité à l'utilisateur de les immobiliser.
Rafraîchissement automatique et accessibilité.
Lorsqu'une page se rafraîchie automatiquement, cela peut poser problème à certains utilisateurs.
Problématique des liens adjacents.
La disposition des liens doit permettre de les différencier sans effort.
Redirections automatiques et accessibilité.
L'utilisateur doit pouvoir accéder à la page vers laquelle vous souhaitiez le rediriger même en cas de désactivation des scripts.
Effets de clignotement et accessibilité.
Des effets de clignotement peuvent causer des crises d'épilepsie à certains utilisateurs.
Accessibilité des images avec zones cliquables.
Il convient de préférer des images réactives côté client, en veillant à fournir une alternative textuelle pertinente à chaque zone cliquable de l'image.
Entêtes des tableaux de données.
L'objectif est de fournir un point de repère aux utilisateurs qui ont une lecture linéaire du tableau.
Accessibilité des tableaux de données complexes.
L'objectif est d'expliciter les relations entre les cellules d'un tableau afin d'en rendre la compréhension plus aisée par les utilisateurs de lecteurs d'écran.
Accessibilité des contenus multimédia : description audio.
En complément de l'équivalent textuel, le contenu multimédia doit être accompagné d'une description audio.
Versions alternatives : l'exception et non la règle en accessibilité.
Dans le cas où vous ne parvenez pas à rendre accessible une page existante, vous pouvez en dernier recours proposer une version alternative.
Conformité des pages à la déclaration de type de document.
Vous devez inclure une déclaration de type de document (DTD) au début du document et vous y conformer.
Fonction des balises de titre (H1,H2...)
Les balises d'en-tête renseignent sur l'organisation logique des divers blocs d'information présents dans la page web.
Rôle des listes ordonnées, non ordonnées et de définitions.
Il convient d'utiliser les éléments de listes lorsqu'une page web contient une énumération.
Balisage des citations.
Baliser les citations permet d'identifier les contenus provenant d'une source extérieure, même lorsque les indices visuels ont disparu.
Accessibilité des contenus dynamiques.
L'utilisation d'iframes ou de code JavaScript pour mettre à jour des données sans recharger la page peut rendre impossible la consultation de la page...
Ouverture d'une nouvelle fenêtre et accessibilité.
L'ouverture d'une nouvelle fenêtre gênera la navigation d'une personne malvoyante en provoquant la perte de ses points de repère.
Conformité aux technologies du W3C.
En respectant les recommandations du W3C, vous facilitez le travail d'interprétation des logiciels de navigation en plus d'assurer la pérennité du site.
Organisation logique des formulaires.
Il convient de diviser les grands blocs d'information afin de regrouper les divers champs de manière logique...
Intitulé des liens hypertexte et accessibilité web.
L'utilisateur doit pouvoir comprendre la signification du lien en dehors de son contexte...
Importance des meta-données.
Les meta-données permettent de faciliter la navigation dans le site.
Fil d'ariane et accessibilité web.
Un fil d'ariane permet de mieux se repérer dans le site.
Plan de site et accessibilité web.
Un plan du site permet de mieux appréhender l'architecture du site.
Cohérence des mécanismes de navigation.
Les mécanismes de navigation sont représentés par les blocs de liens permettant de naviguer dans le site (menus).
Accessibilité et tableaux HTML.
Recourir aux tableaux HTML à des fins de mise en page est une mauvaise habitude qu'il convient de changer...
Intérêt des étiquettes de champs de formulaire.
Les étiquettes permettent de relier le champ de saisie au texte qui lui est associé.
Scripts et indépendance matérielle.
Certaines personnes n'utilisent pas la souris pour surfer, mais le clavier ou un autre dispositif plus adapté à leurs besoins...
Accessibilité des contenus interactifs.
Flash et Java intègrent des fonctionnalités d'accessibilité qui permettent de rendre compatibles les éléments programmables avec les technologies d'assistance.
Balisage des acronymes et abréviations.
En spécifiant la forme complète des abréviations et acronymes utilisés, vous facilitez l'utilisation de votre document.
Intérêt d'un ordre logique de tabulation.
En proposant un ordre logique de tabulation, vous rendez la navigation au clavier plus aisée...
Utilité et pièges des raccourcis clavier.
Un raccourci clavier permet d'accéder directement à une nouvelle page, à l'aide de combinaisons de touches clavier...
Indication des caractérisques des documents : format, langue, poids...
En fournissant à l'internaute des informations sur le document qu'il est sur le point de consulter, vous lui éviterez de perdre du temps...
Utilité des barres de navigation.
Les barres de navigation permettent de faciliter la navigation interne dans le site.
Liens d'accès rapide et liens d'évitement.
Les liens d'accès rapide permettent d'accéder directement à un bloc d'informations. Les liens d'évitement, au contraire, permettent de sauter un bloc entier.
Accessibilité des fonctions de recherche.
Les personnes présentant un handicap cognitif doivent pouvoir trouver l'information qu'elles recherchent.
Ecriture et accessibilité web.
Commencez par l'information clé, développez une seule idée par paragraphe, faites des phrases simples, utilisez la forme active plutôt que la forme passive...
Navigation dans les groupes de pages.
Lorsqu'un contenu est réparti sur plusieurs pages, il convient de permettre à l'utilisateur de naviguer facilement d'une page à l'autre du "groupe".
Art ASCII et accessibilité web.
L'art ASCII est incompréhensible pour les utilisateurs de lecteur d'écran. Il convient donc de leur fournir un lien d'évitement...
Faciliter la compréhension des textes.
Des illustrations visuelles et sonores peuvent faciliter la compréhension des textes...
Cohérence de la mise en page.
L'utilisateur doit pouvoir garder ses points de repères tout au long de la consultation du site.
En-têtes de lignes et de colonnes des tableaux de données.
L'objectif est de faciliter la lecture d'un tableau de données pour les personnes malvoyantes.
Attribut title et intitulé des liens.
Parfois, en voulant trop en faire dans le domaine de l'accessibilité web, on rend finalement son site moins accessible...

Guide de l'accessibilité web

Accès rapide