L'accessibilité des sites web profite à tous - aperçu avec des conseils pratiques

Johannes Mairhofer Dernière mise à jour : 22.03.2021
6 Min.
Site web accessible

Les sites web accessibles ne sont plus un sujet de niche supposé pour les personnes handicapées. Il nous concerne tous et aide même les fans de SEO parmi vous - un aperçu avec des conseils pratiques de Johannes Mairhofer.

L'accessibilité dans l'espace numérique fait en fait partie intégrante de l'Internet et est déjà énoncée dans ses directives normalisées. Et bien sûr, il joue également un rôle important dans le Codex WordPress . Tous les utilisateurs doivent pouvoir utiliser WordPress , quelle que soit la langue qu'ils parlent, leur statut économique ou les limitations physiques auxquelles ils sont soumis. Néanmoins, le sujet ne reçoit pas encore l'attention qu'il mérite. Compte tenu notamment de l'évolution démographique et de la volonté d'inclusion, l'accessibilité numérique doit être prise en compte dans les projets WordPress , indique Johannes Mairhofer. Parce que : l'accessibilité devient également importante d'un point de vue entrepreneurial et de référencement.

L'idée d'un site web accessible n'est pas nouvelle

Afin de normaliser les techniques sur le World Wide Web, le World Wide Web Consortium, ou W3C, a été fondé en 1994. Les normes sont particulièrement importantes à cet égard :

  • HTML (toujours la structure de base de presque tous les sites web)
  • CSS (Cascading Style Sheets, par exemple utilisé dans les modèles WordPress )
  • WCAG (Web Content Accessibility Guidelines)

Les directives WCAG sont élaborées par la Web Accessibility Initiative (WAI), qui est elle-même un groupe du W3C. Il y a maintenant deux versions ici.

WCAG 1.0

  • Utilisation de balises et de feuilles de style
  • Conception indépendante du dispositif

WCAG 2.0

Les sites web doivent

  • Perceptible (par exemple, alternatives de texte pour les images)
  • Exploitable (par exemple, contrôlable par le clavier)
  • Compréhensible (par exemple grâce à un langage simple)
  • Robuste (Compatible)

être.

L'idée d'un site web sans barrières n'est donc pas nouvelle et est même ancrée dans l'ordonnance sur les technologies de l'information sans barrières (BITV) depuis 2002. Cela signifie qu'au moins les sites web des autorités publiques sont obligés de proposer des contenus sans barrières.

En particulier pour les nouveaux projets WordPress : un site web sans obstacles peut être mis en œuvre avec très peu d'efforts.

Comment mettre en place un site web sans barrières ? De nombreux points ne sont pas aussi compliqués que vous pourriez le penser et peuvent être mis en œuvre sans trop d'efforts.

Le moyen le plus simple est bien sûr de créer une page qui vient d'être conçue et créée. Mais les sites web déjà existants peuvent également être optimisés par la suite. Il y a quelques règles de base simples à suivre.

1) Utiliser correctement le titre de la page, la navigation et les balises

Le titre de la page se trouve en fait dans le titre et les titres sont structurés de manière logique et également formatés en tant que titres, et non pas seulement en gras. Les listes à puces sont mises en œuvre avec des points ou des puces, et non avec un simple trait de soustraction. Sur le site WordPress , cela peut être précisé directement dans l'éditeur. Selon le modèle et l'éditeur utilisés, plusieurs classes de rubriques sont disponibles ici. En utilisant des balises (par exemple H1 et H2 pour les titres), la page peut être rendue plus facile à consulter et à naviguer pour les personnes aveugles à l'aide d'un lecteur d'écran ou du clavier.

Site web accessible : Listentag
Tête de site accessible
Extraits de l'éditeur de texte pour ce billet : Ci-dessus, vous pouvez voir que les listes à puces ont été définies comme telles. Les sous-positions sont également définies comme H3.

2) Se passer de JavaScript et de Flash dans la conception

Pour la conception, il est préférable d'utiliser HTML et CSS. Javascript et Flash ne doivent pas être utilisés. Javascript, comme son nom l'indique, est un langage de script. Bien qu'il ne soit pas sûr, tous les appareils et les navigateurs ne peuvent pas gérer le code. Comme le site web doit être disponible sur le plus grand nombre d'appareils possible, Javascript n'est pas recommandé.

3) Séparer le contenu et la conception

Le contenu (texte) et la conception (mise en page) doivent être considérés comme complètement distincts l'un de l'autre. Grâce à différentes variantes CSS, par exemple, le contraste de la page peut être ajusté ou les couleurs peuvent être modifiées par un simple clic de l'utilisateur. Cela peut aider les personnes atteintes de déficience visuelle ou de daltonisme. De grandes entreprises comme Pfizer le font également.

En principe, cela se fait déjà automatiquement sur WordPress . Par exemple, un modèle peut également être modifié sans avoir à changer le contenu. Si le site web est accessible à l'aide d'un smartphone ou d'une tablette, la mise en page est également adaptée automatiquement.

4) Respecter le principe des deux sens

Le contenu doit être préparé de telle sorte qu'il puisse être perçu par deux sens différents. De cette manière, le site web peut être consulté par le plus grand nombre de personnes possible sans trop d'efforts. Cela peut être réalisé, par exemple, par les mesures suivantes :

  • Ajouter une description aux images (peut être fait directement via l'éditeur WordPress )
  • Ajouter des sous-titres aux vidéos (par exemple, Youtube le fait automatiquement)
  • Structurer le texte avec des titres (peut être fait dans l'éditeur)

Mon conseil pour mieux comprendre un site web accessible : faites vous-même l'expérience

En théorie, le sujet n'est pas toujours aussi facile à comprendre. J'ai parlé avec Heiko Kunert, directrice générale de l'Association pour les aveugles et les malvoyants, au sujet des sites web sans barrières. Heiko est lui-même aveugle et surfe sur le net avec un lecteur d'écran. Heiko nous fait part de ses expériences avec les sites web et les réseaux sociaux et nous raconte comment il navigue sur le web avec son smartphone et un écran en braille.

Beaucoup de choses qui sont couvertes ici en théorie peuvent aussi être essayées par vous-même sans trop d'efforts. Vous pouvez donc avoir une idée de la façon dont votre page est réellement perçue.

site web accessible - lecture en braille
Une ligne en braille - Source : Wikimedia Commons. Licence : https://creativecommons.org/licenses/by-sa/3.0/

Le lecteur d'écran et l'affichage en braille sont les deux aides à la navigation les plus courantes

Un lecteur d'écran est un logiciel qui reconnaît le texte et le lit à voix haute. Pour naviguer dans les pages web et les documents, il est donc important que des balises soient utilisées pour les titres et les images. Cela permet aux utilisateurs de naviguer sur la page web avec un lecteur d'écran et un clavier ou un affichage en braille.

Une des variantes d'un lecteur d'écran est par exemple le NVDA. Cette variante est un logiciel libre et gratuit. Je vous recommande de l'essayer et d'appeler votre propre site web avec le moniteur éteint et d'essayer de naviguer dans les menus.

Un affichage en braille traduit la ligne courante à l'écran en braille. Cette ligne est un véritable matériel qui est connecté à l'ordinateur. L'affichage en braille fonctionne en combinaison avec un lecteur d'écran.

La réactivité est la clé de voûte d'un site web accessible

Ordinateurs, ordinateurs portables, smartphones, tablettes, montres intelligentes et navigateurs de texte. Le nombre d'appareils pouvant être utilisés pour accéder à un site web est énorme. L'un des points importants des WCAG 2.0 est la disponibilité du site web sur le plus grand nombre d'appareils possible.

La plupart des modèles de WordPress sont maintenant plus ou moins réactifs et permettent d'accéder au site au moins sur ordinateur et smartphone. Selon le modèle, par exemple, les menus sont adaptés, les barres latérales sont affichées et cachées, mais les dessins sont également complètement adaptés. C'est ce qu'on appelle la conception de sites web réactifs. L'accès à votre propre site web sur un autre appareil est facile et révélateur.

Le réseau est formidable. Et le net est pour tout le monde !

La disponibilité nette et permanente n'est plus un nouveau territoire, mais du point de vue d'une génération, elle est toujours nouvelle. La génération des trentenaires d'aujourd'hui, mais au plus tard les générations suivantes, sont habituées à savoir que le net est toujours et partout disponible. Nous ne voulons pas nous priver des possibilités d'information et de communication qu'apporte le net, même à un âge avancé.

Le besoin de sites web accessibles augmente donc et se développe d'année en année. À l'aide des possibilités et des outils disponibles intégrés dans WordPress (par exemple, description des images, rubriques, CSS), il est possible de rendre les sites web au moins accessibles sans trop d'efforts.

Le fait que cela devienne de plus en plus important se traduit également par le fait que de plus en plus de grandes entreprises accordent de plus en plus de valeur à la participation numérique. Outre l'exemple précité de Pfizer, Twitter, par exemple, offre depuis un certain temps la possibilité d'ajouter une description aux images, Microsoft s'occupe largement du sujet et beaucoup d'autres lui emboîtent progressivement le pas. Un aperçu détaillé des sites web accessibles positifs peut être trouvé ici, par exemple.

En fin de compte, un site web accessible est également meilleur pour Google

Malheureusement, j'ai trop souvent l'impression que le référencement est plus important qu'un bon contenu, et je ne suis donc pas un grand fan des arguments de référencement. Mais si les pages web peuvent être mieux lues et interprétées par les lecteurs d'écran, il est également plus facile pour le robot Google de classer correctement la page visitée.

Just WordPress permet déjà de créer très rapidement et facilement un site web accessible à environ 80 %.

Le chemin est encore long jusqu'à une accessibilité à 100 %. Et cela n'est probablement pas faisable pour beaucoup de petites entreprises et de blogs privés. Mais avec les possibilités offertes par WordPress , il est facile d'atteindre un taux d'accessibilité d'environ 80 %.

Grâce à l'utilisation de tags pour les titres et les images et surtout la description des images, on obtient déjà beaucoup avec peu d'avantages. Une fois que le propre site web avec un navigateur de texte pour surfer donne une idée de ce que les vis doivent et peuvent encore être tournées.

Si vous gérez le site pour une entreprise, il est toujours judicieux de le faire tester par des personnes aveugles afin d'obtenir un retour d'information et des conseils professionnels.

Johannes est très curieux et a déjà atteint plusieurs étapes dans sa carrière. D'informaticien de formation à photographe indépendant, il fait son chemin en toute polyvalence et peut donc porter les différentes "lunettes" de ses client·e·s. Aujourd'hui, il travaille en tant que photographe indépendant et consultant pour WordPress et la photographie. [Photo : Dennis Weißmantel]

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.