Accessibilité du site : qu’est-ce que c’est et pourquoi c’est si essentiel ?

Internet est un phénomène tellement mondial et envahissant qu'il affecte tous les aspects de notre vie. Pensez-y, pouvez-vous imaginer le monde sans Internet ? Eh bien, je suppose que vous le pouvez, moi-même, je suis de la génération qui n'avait pas de gadgets dans son enfance (peut-être sauf la montre électronique chinoise), mais le fait que le monde soit complètement différent sans cela est une chose avec laquelle vous ne pouvez pas vous disputer. Le Web relie les gens du monde entier, nous aide à recevoir des nouvelles et des informations, à stocker des documents, à planifier des itinéraires de voyage et même à préserver notre santé. Cependant, l'accessibilité Web n'est pas toujours garantie.

Ils disent que le Web tolère tout et que tout le monde peut accéder à Internet et apprendre quelque chose. Cela sonne bien, mais ce n'est pas vrai. Il existe de nombreux sites Web, inaccessibles aux personnes handicapées. Mon ami, parlons de l’accessibilité du site Web, de son importance et de la manière dont vous pouvez rendre votre site Web entièrement accessible.

---

Qu'est-ce que l'accessibilité Web ?

Environ 15% des habitants de la Terre présentent certains défauts d’audition, de vision, de mouvement ou de capacités cognitives. L'accès à l'information de ces personnes est inclus dans la liste des droits de l'homme, mais certains sites Web sont inaccessibles pour elles. Pour offrir un certain niveau d’accessibilité, le site Web doit être correctement conçu et codé.

---

Caractéristiques d'accessibilité

Contraste de couleur

La subtile transition des couleurs peut paraître très belle et sophistiquée, mais il y a des gens qui ne voient pas assez bien ou qui éprouvent des difficultés avec la perception des couleurs. L'utilisation de couleurs très contrastées (comme le noir et le blanc, le jaune et le noir, le rouge et le blanc) peut également être magnifique et convenir à de telles personnes.

---

Reconnaissance vocale

Avec l'apparition de Siri, Alexa et Cortana, contrôler vos gadgets avec la voix devient de plus en plus populaire. Et il y a aussi des gens qui, pour une raison quelconque, ne peuvent pas utiliser leurs mains. Cependant, ils ne pourront tous utiliser le site Web avec la voix que s’il est adapté à de telles manipulations.

---

Synthèse vocale

Les personnes qui ont de gros problèmes aux yeux ou qui sont complètement aveugles utilisent des logiciels spécialisés qui traduisent le texte en paroles. Cependant, ce logiciel ne pourra pas dire ce qui est sur cette image à moins que vous ne tapiez du texte comme description alternative.

---

Mise en page et design

Conception de site Web compliquée et originale pourrait impressionner le visiteur, mais cela peut aussi le dérouter. Si les visiteurs ne comprennent pas ce qu’ils devraient faire sur votre site Web, alors vous avez certainement fait quelque chose de mal. Dans ce cas, plus votre navigation et votre mise en page sont faciles, mieux c'est.

---

Notifications

Certains propriétaires de sites Web ne pensent pas que les internautes doivent être informés des actions qu’ils effectuent. Mais lorsque vous remplissez un formulaire et qu'il disparaît sans aucune confirmation, cela pourrait être une surprise plutôt déplaisante. La même chose concerne les notifications d'erreur. Je déteste les messages “Données non valides”. Lorsque le message d'erreur indique clairement ce que vous avez mal fait et comment y remédier, tout le monde peut gagner beaucoup de temps.

---

Grands éléments de contrôle

Les petits boutons et les éléments cliquables ne sont utiles que si vous voulez que vos visiteurs ne cliquent jamais dessus. Les utilisateurs d'ordinateur ayant une agilité normale pourront cliquer dessus, mais ceux qui accèderont à votre site Web depuis une tablette ou un smartphone ou les personnes âgées ayant une dextérité normalement réduite auraient du mal à cibler une petite flèche de contrôle. Assurez-vous que les boutons les plus importants (tels que «Acheter maintenant») de votre site Web sont suffisamment volumineux.

---

Contenu personnalisable

Différentes personnes ont des besoins différents. Certains préfèrent effectuer un zoom arrière sur le texte et les images et voir une image plus grande, d’autres ne pourront pas lire le texte si les lettres sont trop petites. Si vous donnez des contrôles de personnalisation entre les mains du spectateur, il va certainement améliorer l'UX.

---

Contrôles du clavier

Tout le monde ne peut pas utiliser que la souris. Vous pourriez penser que le contrôler est une tâche facile, mais certaines personnes ont des problèmes de coordination ou ne peuvent utiliser que les boutons du clavier. Si votre site Web pouvait être exploité à l'aide d'un clavier, cela faciliterait certainement la vie de telles personnes.

---

Sous-titres vidéo

Les personnes sourdes et les malentendantes veulent également regarder des vidéos, mais cela est impossible si aucun sous-titre n’est associé. L'ajout de texte à la vidéo n'est pas si compliqué que vous pouvez l'imaginer, vous devriez donc y penser.

Bien sûr, il vaut mieux voir une fois que de lire des milliers de fois, voici une vidéo de la W3C Web Accessibility Initiative qui décrit toutes ces fonctionnalités en détail:

Ce ne sont pas seulement les personnes handicapées qui auraient pu utiliser ces fonctionnalités. Des couleurs contrastées peuvent vous aider lorsque vous essayez de lire quelque chose sur votre téléphone sous le soleil éclatant. Les sous-titres de la vidéo peuvent vous aider lorsque vous souhaitez les regarder dans un lieu bruyant ou dans un lieu public où il est interdit de faire du bruit. La reconnaissance vocale sera utile si vous ne pouvez pas utiliser temporairement votre main et que la transformation texte-parole vous donnera la possibilité d'effectuer plusieurs tâches à la fois. Cependant, est-il rentable pour un propriétaire de site Web de mettre en œuvre de telles fonctionnalités?

---

Comment l'accessibilité des sites Web peut-elle vous rapporter des bénéfices ?

Bien sûr, vous pouvez dire: «D'accord, vous m'avez énuméré certains avantages que les personnes handicapées vont acquérir, mais que devrais-je obtenir?». C’est un peu égoïste, mais la mise en œuvre de l’accessibilité requiert généralement du temps, des efforts et de l’argent, ce qui est également juste. Cependant, j'ai une réponse: vous devriez l'appliquer à votre site Web, car l'accessibilité du Web pourrait le rendre plus rentable.

Tout d’abord, la personnalisation de votre site Web en fonction des exigences d’accessibilité améliorera sa convivialité. L'interface deviendra plus pratique pour tous les utilisateurs, pas seulement ceux qui ont un handicap. Plus les clients sont agréables à consulter votre site Web, plus ils se retournent souvent pour vous et plus d'amis avec eux. Vous élargissez votre portée et améliorez le trafic - d'une manière ou d'une autre, cela rend votre entreprise plus efficace.

Deuxièmement, les fonctionnalités d’accessibilité Web améliorent les taux de référencement. En fait, Google peut aussi être qualifié de «personne handicapée»: il n’entend pas les fichiers audio et ne définit pas le contenu de l’image. La transcription textuelle des fichiers audio et des notes de modification, jointe aux images, aide Google à la visualiser et à trouver votre site Web. Plus il est facile pour Google de vous trouver, plus vous montez dans les taux de recherche du moteur de recherche.

Enfin, dans certains pays, la loi exige que tout soit mis en œuvre pour les personnes handicapées. Des paquets de médicaments avec notifications en braille, des rampes inclinées près des escaliers, des notifications sonores dans la rue - tous ceux qui étaient déjà indispensables et l'accessibilité du site Web ont également été progressivement déployés.

---

WCAG

Pour garantir aux personnes handicapées un niveau d'accessibilité élevé, la Web Accessibility Initiative (WAI) du consortium World Wide Web (W3C) élabore en permanence un document intitulé Directives pour l'accessibilité au contenu Web (WCAG). Ce document fournit l'ensemble des normes d'accessibilité et garantit qu'elles seront similaires dans tous les pays. Il contient une série de recommandations sur les choses à faire pour rendre son site accessible. Ces recommandations sont appelées Critères de réussite et, selon elles, le site Web pourrait atteindre l’un des trois rangs: A, AA ou AAA. Le test de classement est effectué par des systèmes automatiques et des testeurs, qui vérifient si les critères de réussite du contenu du site Web sont vrais et évaluent la convivialité de la plate-forme.

La version 2.1 la plus récente des WCAG, la version 2.1, a été publiée le 5 juin 2018 et contient toutes les conditions requises par les versions précédentes. Cela signifie que si le site Web correspond à WCAG 2.1, il correspondra automatiquement à toutes les autres versions de WCAG. Chaque nouvelle version ajoute simplement de nouvelles directives à la liste existante. La version précédente, WCAG 2.0, a été acceptée en tant que norme ISO ISO / IEK 40500 et WCAG 2.1 en tant que norme de l’Union européenne EN 301549.

---

Comment rendre votre site Web compatible avec WCAG avec Website Accessibility Suite?

Bien entendu, vous pouvez effectuer vous-même toutes les personnalisations nécessaires manuellement. Vous devrez examiner attentivement le document WCAG 2.1 et vérifier tous les détails qui y sont mentionnés. Cela prend beaucoup de temps et d’efforts, mais il existe aussi une autre solution. TemplateMonster a récemment ajouté un service, appelé Website Accessibility Suite et c’est ce qui vous aidera à rendre votre site Web accessible sans passer une semaine sur un document WCAG 2.1.

Ce service ajoute un panneau spécial à votre site Web, donnant quelques contrôles supplémentaires aux visiteurs. Les utilisateurs et les clients potentiels pourront personnaliser l'apparence de votre site Web en fonction de leurs besoins spécifiques. Ils pourront utiliser les prochains outils:

• Amélioration du contraste. L'utilisateur dispose de cinq variantes de modes de couleur, dont le mode nuit par défaut et trois types de contraste élevé.
• Personnalisatopn de polices. Si le visiteur doit rendre le texte plus gros ou plus lisible (par exemple, choisissez Sans-Serif au lieu d’une police personnalisée compliquée), cet outil l’aidera à le faire.
• Surligneur de liens. Parfois, les liens ne sont pas évidents, même pour les utilisateurs ordinaires, mais cet instrument permettra à quiconque de définir les parties cliquables de la page sans effectuer de recherche.
• Surligneur de titres. Si la structure du contenu ne sera pas compréhensible pour le visiteur, il aura la possibilité de mettre en surbrillance les en-têtes et les sous-en-têtes dans le texte.
• Gros pointeur. Le curseur standard pourrait être trop petit pour certaines personnes et elles seraient heureuses de l'agrandir. Cet outil est donc un moyen de leur donner ce bonheur.
• Loupe. Zoomer sur la page peut être très pratique et vous aidera à comprendre les petits détails..
• Désactivation de l'animation.Certains types d’animation peuvent épaissir les gens (et ce n’est pas toujours parce qu’ils ont des handicaps), ils seraient donc très reconnaissants de pouvoir les désactiver.

Comme vous pouvez le constater, ce service vous aidera à gérer la plupart des fonctionnalités d’accessibilité et à rendre l’expérience utilisateur bien meilleure pour les visiteurs. Si vous avez décidé de vous conformer au document WCAG 2.1, cet ensemble d'outils pratiques réduira le temps passé sur le processus.

Veuillez noter que l'offre de TemplateMonster vous aidera à rendre votre site Web conforme aux principes de base de WCAG 2.1. Cependant, chaque pays a ses propres lois, basées sur WCAG, alors veuillez en tenir compte lors de la construction de votre site.

---

---

Conclusion

L’amélioration de l’accessibilité de votre site Web vous rapportera beaucoup, mais aussi facilitera son accessibilité pour les personnes handicapées. Si vous voulez que quelqu'un soit votre client, vous devez lui donner la possibilité d'interagir avec votre site. Ne perdez donc pas de temps, commencez à vous conformer à WCAG 2.1, utilisez Website Accessibility Suite et observez l’augmentation du trafic.

Faites-vous attention à l'accessibilité de votre site? Avez-vous déjà fait quelque chose pour l'améliorer? Maintenant, après avoir lu cet article, que pensez-vous de la conformité à WCAG 2.1? S'il vous plaît, partagez vos commentaires et vos critiques dans la section commentaires ci-dessous.