Site web accessible

Les sites Web accessibles sont utiles à tous : Conseils pour l'accessibilité

Les sites web sans barrières ne sont plus un sujet de niche pour les personnes handicapées. Cela 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 d'Internet et est déjà inscrite dans ses directives standardisées. Et bien sûr, elle joue également un rôle important dans le codex WordPress. Tous les utilisateurs doivent pouvoir utiliser WordPress, quelle que soit leur langue, leur statut économique ou leurs handicaps physiques. Pourtant, ce thème ne bénéficie pas encore de l'attention qu'il mérite. Johannes Mairhofer estime que l'accessibilité numérique doit être prise en compte dans les projets WordPress, notamment au regard de l'évolution démographique et de la volonté d'inclusion. Car : l'accessibilité devient également importante du point de vue de l'entreprise et du référencement.

Les sites web sans barrières ne sont pas nouveaux

Le World Wide Web Consortium, ou W3C, a été créé en 1994 pour standardiser les techniques du World Wide Web. Les normes particulièrement importantes sont ici

  • HTML (qui reste la structure de base de presque tous les sites web)
  • CSS (Cascading Style Sheets, utilisées par exemple dans les templates WordPress)
  • WCAG (Directives pour l'accessibilité aux contenus Web)

Les directives WCAG sont développées par la Web Accessibility Initiative (WAI), qui est elle-même un groupe du W3C. Il existe aujourd'hui deux versions de ces directives.

WCAG 1.0

  • Utiliser le balisage et les feuilles de style
  • Conception indépendante de l'appareil

WCAG 2.0

Un site web accessible doit répondre aux critères suivants :

  • Perceptible (par exemple, alternatives de texte pour les images)
  • Utilisable (par ex. contrôlable par clavier)
  • compréhensible (par ex. par un langage facile)
  • Robuste (Compatible)

L'idée d'un site Web accessible n'est donc pas nouvelle et, depuis 2002, elle est même ancrée dans l'ordonnance sur les technologies de l'information sans barrière (BITV). Ainsi, au moins les sites Internet des autorités sont tenus de proposer des contenus accessibles.

Créer un site web accessible

Les sites Web accessibles sont utiles à tous : Conseils pour l'accessibilité
En créant un site web accessible, tu optimises l'expérience utilisateur pour tous.

Comment mettre en œuvre un site web sans barrières ? De nombreux points ne sont pas aussi compliqués que l'on pourrait le penser et peuvent être mis en œuvre sans grand effort. C'est surtout vrai pour les nouveaux projets WordPress : un site Web accessible peut être mis en œuvre avec très peu d'efforts.

Le plus simple est bien sûr de créer un site qui vient d'être créé et conçu. Mais les sites web déjà existants peuvent également être optimisés ultérieurement. Pour ce faire, il convient de respecter quelques règles de base simples.

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

Le titre de la page figure réellement dans le titre et les titres sont structurés de manière logique et sont également formatés comme des titres, pas seulement en gras. Les énumérations sont réalisées à l'aide de puces ou de points, et non d'un simple trait négatif. Avec WordPress, cela peut être directement prédéfini dans l'éditeur. Selon le modèle et l'éditeur utilisé, plusieurs classes d'en-têtes sont disponibles. L'utilisation de balises (par ex. H1 et H2 pour les titres) permet aux personnes aveugles de mieux découvrir la page et d'y naviguer à l'aide d'un lecteur d'écran ou du clavier.

2) Renoncer à JavaScript et Flash lors de la conception

Pour la conception, il est préférable de miser sur HTML et CSS. Javascript et Flash ne devraient pas être utilisés. Javascript est, comme son nom l'indique, un langage de script. Indépendamment du fait que celui-ci n'est pas sûr, tous les appareils et tous les navigateurs ne peuvent pas traiter le code. Comme le site web doit être disponible sur tous les appareils possibles, Javascript n'est pas recommandé.

3) Séparer le contenu du design

Le contenu (texte) et le design (mise en page) doivent être considérés complètement séparément. Grâce à différentes variantes CSS, il est par exemple possible d'adapter le contraste de la page ou de modifier les couleurs par un simple clic de l'utilisateur. Cela permet d'aider les personnes souffrant de troubles de la vue ou de daltonisme. C'est aussi ce que font de grandes entreprises comme Pfizer.

En principe, cela se fait déjà automatiquement avec WordPress. Il est par exemple possible de changer de modèle sans modifier le contenu. Si le site web est consulté avec un smartphone ou une tablette, la mise en page est également adaptée automatiquement.

4) Respecter le principe des deux sens

En principe, les contenus doivent être préparés de manière à pouvoir être perçus par deux sens différents. Cela permet au plus grand nombre de personnes possible de découvrir le site web sans grand effort. Cela passe par exemple par les mesures suivantes :

  • Ajouter une description aux images (directement via l'éditeur de WordPress)
  • Sous-titrer les vidéos (Youtube, par exemple, le fait en partie automatiquement)
  • Organiser le texte avec une structure et des titres (c'est possible dans l'éditeur)

Accessibilité de WordPress : comment créer un site web accessible (+ plugins pour cela)

L'accessibilité dans WordPress est une composante importante de la création de sites web. Pourquoi l'accessibilité est-elle si importante ? Et comment rendre ton site web accessible à tous ? Nous t'expliquons tout cela et bien plus encore dans notre article sur l'accessibilité de WordPress.

Site web sans barrières : Acquérir de l'expérience

En théorie, le sujet n'est pas toujours facile à appréhender. Je me suis entretenu avec Heiko Kunert, directeur de l'association des aveugles et des malvoyants, au sujet des sites web accessibles. Heiko est lui-même aveugle et surfe sur le web avec un lecteur d'écran. Heiko nous fait part de ses expériences avec les sites web et les réseaux sociaux et nous explique comment il navigue sur le web avec son smartphone et un afficheur braille.

Beaucoup de choses qui sont traitées ici de manière théorique peuvent être testées sans grand effort. Tu peux ainsi te faire une idée de la manière dont ton site est effectivement perçu.

Comment le lecteur d'écran et la ligne braille peuvent aider

Un lecteur d'écran est un logiciel qui reconnaît le texte et le lit à haute voix. Pour naviguer dans les sites web et les documents, il est donc important d'utiliser des balises pour les titres et les images. Les utilisateurs peuvent ainsi naviguer dans le site web à l'aide du lecteur d'écran et du clavier ou de la ligne braille.

Une variante d'un lecteur d'écran est par exemple NVDA. Cette variante est un logiciel libre et gratuit. Je recommande de l'essayer une fois et d'ouvrir son propre site web avec l'écran éteint et d'essayer de naviguer dans les menus.

Une ligne braille traduit la ligne actuelle à l'écran en braille. Cette ligne est un véritable matériel qui se connecte à l'ordinateur. La ligne braille fonctionne en combinaison avec un lecteur d'écran.

Responsibilité pour les sites web accessibles

Ordinateurs, ordinateurs portables, smartphones, tablettes, montres intelligentes et navigateurs textuels. Le nombre d'appareils avec lesquels un site web peut être consulté est énorme. L'un des points importants des WCAG 2.0 est la disponibilité du site web sur le plus grand nombre possible d'appareils.

La plupart des modèles WordPress sont désormais plus ou moins responsive et permettent un accès au site web au moins sur ordinateur et smartphone. Selon le modèle, les menus sont par exemple adaptés, les sidebars sont affichés ou masqués, mais les designs sont également entièrement adaptés. On parle ici de Responsive Web Design. Consulter son site web sur un autre appareil est simple et instructif.

Consentement*
Ce champ sert à la validation et ne doit pas être modifié.

Conclusion : le web est là pour tout le monde !

Le réseau et sa disponibilité permanente ne sont certes plus une terre inconnue, mais ils sont encore nouveaux du point de vue d'une génération. La génération des 30 ans d'aujourd'hui, et au plus tard les générations suivantes, sont habituées à savoir que le réseau est toujours et partout disponible. Nous ne voulons pas renoncer aux possibilités d'information et de communication qu'offre le réseau, même à un âge avancé.

Le besoin de sites Web accessibles est donc croissant et s'accroît d'année en année. Grâce aux possibilités disponibles et aux outils intégrés dans WordPress (par ex. description des images, titres, CSS), il est possible sans grand effort de rendre les sites Web au moins accessibles.

Le fait que de plus en plus de grands groupes accordent de plus en plus d'importance à la participation numérique montre que cela devient de plus en plus important. Outre l'exemple susmentionné de Pfizer, Twitter propose par exemple depuis quelque temps la possibilité d'ajouter une description aux images, Microsoft s'intéresse de près à ce sujet et de nombreux autres s'y mettent peu à peu. Un aperçu détaillé des sites Web accessibles positifs peut par exemple être consulté ici.

Un site web accessible est aussi meilleur pour Google

Je constate malheureusement trop souvent que l'on accorde plus d'importance au référencement qu'à la qualité du contenu, c'est pourquoi je ne suis pas un grand fan des arguments de référencement. Mais si les sites web peuvent être mieux lus et interprétés par les lecteurs d'écran, il est également plus facile pour le robot de Google de classer correctement la page visitée.

Créer un site web accessible avec WordPress

Le chemin est encore long jusqu'à l'accessibilité à 100%. Et cela n'est probablement pas réalisable pour de nombreuses petites entreprises et blogs privés. Mais grâce aux possibilités offertes par WordPress, il est facile d'atteindre environ 80% d'accessibilité.

L'utilisation de balises pour les titres et les images, et surtout pour la description des images, permet déjà de faire beaucoup avec peu d'avantages. Il suffit de surfer sur son site avec un navigateur de texte pour se faire une idée des points sur lesquels on peut et doit encore agir.

Celui qui gère le site pour une entreprise a toujours intérêt à le faire tester une fois par des personnes aveugles afin d'obtenir un feedback et des conseils professionnels.

Tes questions sur les sites web accessibles

Quelles questions as-tu à poser à Johannes sur l'accessibilité ? N'hésite pas à utiliser la fonction de commentaire. Tu veux être informé(e) des nouveaux articles sur le thème du marketing en ligne ? Alors suis-nous sur Twitter, Facebook, LinkedIn ou via notre newsletter.

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Laisse un commentaire

Ton adresse e-mail ne sera pas publiée.