Les sites Web sans barrières nous profitent à 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.

L'accessibilité dans l'espace numérique fait partie intégrante d'Internet et figure déjà dans ses directives standardisées. Et bien sûr, elle joue également un rôle important dans le codex WordPress. Tout le monde devrait pouvoir utiliser WordPress, quelle que soit sa langue, son statut économique ou son handicap physique. Pourtant, ce sujet n'a pas encore reçu toute l'attention qu'il mérite. En particulier au vu de l'évolution démographique et de la volonté d'inclusion, l'accessibilité numérique doit être prise en compte dans les projets WordPress, estime Johannes Mairhofer. En effet, 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 (feuilles de style en cascade, 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. Ici, il existe maintenant deux versions.

WCAG 1.0

• Utiliser le markup 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 le règlement sur les technologies de l'information sans barrière (BITV). Ainsi, au moins les sites Internet des autorités sont obligés de proposer des contenus accessibles.

Créer un site web accessible

Comment rendre un site web accessible ? De nombreux points ne sont pas aussi compliqués qu'on pourrait le penser et peuvent être mis en œuvre sans trop d'efforts. Surtout 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 le faire sur un site web qui vient d'être créé et conçu. Mais les sites web déjà existants peuvent également être optimisés ultérieurement. Pour cela, il faut 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 vraiment 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 listes à puces sont réalisées avec des puces ou des points, et non avec un simple trait négatif. Sur WordPress, cela peut être défini directement dans l'éditeur. Selon le modèle et l'éditeur utilisé, plusieurs classes d'en-têtes sont disponibles. L'utilisation de balises (par exemple H1 et H2 pour les titres) permet aux personnes aveugles de mieux découvrir le site et d'y naviguer à l'aide d'un lecteur d'écran ou du clavier.

2) Ne pas utiliser JavaScript et Flash dans la conception.

Pour la conception, il est préférable de miser sur HTML et CSS. Javascript et Flash ne doivent pas être utilisés. Javascript est, comme son nom l'indique, un langage de script. Indépendamment du fait qu'il 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 du site ou de modifier les couleurs en un simple clic. Cela permet d'aider les personnes souffrant de déficience visuelle ou de daltonisme. C'est aussi ce que font les grandes entreprises comme Pfizer.

En principe, WordPress le fait déjà automatiquement. Par exemple, un modèle peut être changé sans que le contenu ne soit modifié. Si le site 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 à ce qu'ils puissent être perçus par deux sens différents. De cette manière, le site Web est accessible au plus grand nombre de personnes possible sans grand effort. Cela peut se faire par exemple par le biais des mesures suivantes :

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

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

En théorie, le sujet n'est pas toujours aussi facile à comprendre. J'ai parlé avec Heiko Kunert, directeur de l'association des aveugles et des malvoyants, des sites web sans barrières. Heiko est lui-même aveugle et surfe sur le web avec un lecteur d'écran. Heiko parle de ses expériences avec les sites web et les réseaux sociaux et raconte comment il navigue sur le web avec son smartphone et une ligne braille.

Beaucoup de choses qui sont traitées ici en théorie peuvent être testées par toi-même sans trop d'efforts. Tu peux ainsi te faire une idée de la manière dont ton site web est réellement 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. Ainsi, les utilisateurs peuvent naviguer dans le site Web avec le Screenreader et le clavier ou la ligne braille.

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

Une ligne braille traduit la ligne actuelle respective sur 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.

Responsivité pour les sites web accessibles

Ordinateurs, ordinateurs portables, smartphones, tablettes, smart watch et navigateurs de texte. 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 templates WordPress sont désormais plus ou moins responsive et permettent d'accéder au site web au moins sur un ordinateur ou un 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. Accéder à son site web sur un autre appareil est simple et instructif.

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

Le réseau et sa disponibilité permanente ne sont certes plus un terrain inconnu, mais du point de vue d'une génération, ils sont encore nouveaux. 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 disponible partout et tout le temps. Nous ne voulons pas renoncer aux possibilités d'information et de communication qu'offre le réseau, même à un âge avancé.

La demande de sites Web accessibles augmente donc et s'accroît d'année en année. Grâce aux possibilités disponibles et aux outils intégrés à 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 grandes entreprises accordent de l'importance à la participation numérique montre que cela devient de plus en plus important. En plus de l'exemple de Pfizer mentionné ci-dessus, Twitter offre par exemple depuis un certain temps la possibilité d'ajouter une description aux images, Microsoft s'intéresse de près au sujet et beaucoup d'autres s'y mettent peu à peu.

Un site web sans barrières est aussi meilleur pour Google

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

Créer un site web accessible avec WordPress

Il y a encore un long chemin à parcourir avant d'atteindre 100% d'accessibilité. Et ce 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 dans les titres et les images, et surtout dans la description des images, permet de faire beaucoup de choses avec peu d'avantages. Une fois que tu as surfé sur ton site web avec un navigateur de texte, tu peux te faire une idée de ce qu'il faut et de ce qu'il est possible de faire.

Ceux qui gèrent le site web d'une entreprise ont toujours intérêt à le faire tester une fois par des personnes aveugles, afin d'obtenir un feedback et des conseils professionnels.