Construire un Web inclusif Pourquoi l’accessibilité est-elle importante?

L'accessibilité compte parce que nous, les gens, voulons utiliser le Web. Travailler à un réseau inclusif nous aide à atteindre cet objectif.

Dans cet article, je partagerai mes réflexions sur les raisons pour lesquelles l'accessibilité est importante. de l'empathie et de ce qui est simplement «de bonnes affaires», en passant par les lois sur l'égoïsme et l'accessibilité.

Journée internationale des personnes handicapées

La date de publication de cet article n’est pas un hasard: le 3 décembre est la Journée internationale des personnes handicapées des Nations Unies. Aujourd'hui, nous aimerions sensibiliser et démontrer ce que nous pouvons faire avec la conception Web inclusive..

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

Lorsque nous parlons d'accessibilité Web, nous commençons souvent par la définir. J'aimerais commencer par une citation:

«Construiriez-vous un pont que seul un type spécifique de voiture peut utiliser?» - Andrea Fercia

Laissez cela couler pendant un moment. Je ne peux pas penser à une meilleure façon de résumer le Web inclusif (et je vous suggère de lire tous les brillants articles d'Andrea sur l'accessibilité après celui-ci).

En d'autres termes, tout le monde devrait pouvoir naviguer, naviguer et interagir avec le Web en utilisant n'importe quel appareil de son choix..

Notez que je n'ai pas encore mentionné les utilisateurs handicapés. Il est vrai que différents types de handicap jouent un rôle important dans l'accessibilité du Web, mais tout le monde peut avoir des besoins particuliers. Nous sommes tous différents et nos besoins peuvent évoluer avec le temps. Regardons quelques exemples de diversité.

L'accessibilité, c'est vous et moi

Beaucoup de choses peuvent affecter notre utilisation du Web. Voici quelques mini-histoires sur différents types de personnes et sur les difficultés qu’elles pourraient avoir à utiliser le Web..

Mes parents, 74 ans

La vue de mes parents n'est plus aussi belle. Les deux portent des lunettes depuis des années, mais ce n'est pas le seul problème. Le vrai problème est leur vieux moniteur de merde. Avec leur vue, il est impossible de voir le texte s'il n'y a pas assez de contraste entre l'arrière-plan et la couleur du texte.

Ils ont également du mal à utiliser des sites plus complexes ou à remplir les formulaires. C'est peut-être parce que les sites Web et les formulaires peuvent être trop complexes, mais ils veulent absolument utiliser les services en ligne comme moi..

Nous célébrons l'accessibilité! Pas vraiment, plutôt comme la Finlande centenaire.

Syndrome d'Usher

La femme de mon ami est atteinte du syndrome d'Usher, de type trois. Elle a une vision étroite, ce qui signifie que les sites «occupés» lui posent problème. Elle a du mal à naviguer et à localiser le contenu réel lorsque de nombreux événements se produisent sur la page. Pour ses besoins, le plus simple au mieux.

Un bon contraste de couleurs aide considérablement lors de la lecture du texte et le soulignement des liens aide à les identifier dans le texte.

Les boutons d'envoi de formulaire sont difficiles à trouver s'ils ne comportent que des bordures minces avec un arrière-plan transparent. Il en va de même pour les champs de formulaire s'ils ne sont pas clairement séparés de l'arrière-plan..

Elle m'informe également que les annonces dans le contenu sont source de confusion. Je ne pourrais pas être plus d'accord.

Blessure dans un accident

Il y a quelques années, mon ami a eu un accident de voiture et s'est fracturé un os à la main. Pour un guitariste, ce fut un choc. Mais un choc presque aussi grand a été de se rendre compte qu'il aurait du mal à utiliser son ordinateur portable et son téléphone tout en se remettant de l'accident..

Il a commencé à utiliser les commandes du clavier sur son ordinateur portable et les commandes vocales sur son smartphone. Cependant, de nombreux sites Web qu'il souhaitait utiliser n'étaient pas accessibles via le clavier uniquement. Même de petites tâches peuvent prendre des heures.

Étudiant avec basse vision

Ma première expérience personnelle en matière d’accessibilité a été une de mes élèves malvoyantes. Elle n'était pas complètement aveugle, mais elle a dû utiliser une loupe pour lire.

Elle utilisait également un lecteur d'écran pour naviguer sur le Web, mais la plupart des sites étaient plus faciles à utiliser avec sa loupe magique..

  • Parfois, elle ne pouvait pas trouver ou ouvrir la navigation.
  • Parfois, le mur de texte, de longs paragraphes sans en-têtes ou des listes étaient trop pour elle.

Mais elle a accepté les barrières. «Je vais juste trouver un autre meilleur site web», a-t-elle souvent noté.

Les étudiants qui ont des difficultés à lire

Je n'enseigne pas les langues (j'enseigne les mathématiques) mais je parle souvent aux professeurs qui le font. Les étudiants peuvent avoir des difficultés à lire et à comprendre un texte pour plusieurs raisons:

  • Ils ont une dyslexie ou d'autres difficultés de lecture.
  • Le contenu n'est pas très bien écrit. Écrire un contenu plus accessible peut être une solution pour cela.
  • Le contenu n'est pas dans leur langue maternelle. Les sites multilingues aident à obtenir des informations.
  • Ils essaient de faire plusieurs choses à la fois. Des interfaces utilisateur simples et claires les aident à rester concentrés.
Concentrer…

Daltonisme

Il est presque certain que certains de mes amis sont daltoniens. Zut, même moi je pourrais avoir une sorte de daltonisme. Le daltonisme est commun.

Imaginez que les liens ne soient pas soulignés dans votre contenu principal, mais que vous utilisiez plutôt une couleur différente. Comment les distingueriez-vous si vous présentiez une forme de daltonisme??

Voici quelques bonnes ressources et exemples de daltonisme:

  • Cas d'échec et de succès concernant les daltoniens
  • Vidéo: comment fonctionne le daltonisme

Pas de légende en vidéo, pas de transcription en audio

Il va sans dire que les personnes sourdes ou malentendantes bénéficient de légendes vidéo ou d'une transcription de l'audio. Mais combien de fois avez-vous également eu besoin de légendes?

  • La langue parlée n'est peut-être pas votre langue maternelle et vous la comprenez mieux lorsqu'elle est écrite. Encore mieux si traduit.
  • Peut-être que vous n'entendez pas l'audio, car votre environnement est trop bruyant.
  • Ou vous ne pouvez pas activer le son parce que votre meilleure moitié dort déjà à côté de vous. Où sont ces écouteurs quand vous en avez besoin?
  • Des légendes peuvent même vous avoir aidé à trouver du contenu vidéo sur le Web; Les moteurs de recherche aiment aussi le contenu textuel.

J'aime travailler au bord de la mer!

J'ai récemment essayé de travailler au bord de la mer. J'imaginais qu'un bel environnement idillique ferait des merveilles pour ma productivité. Comme j'avais tort.

Le Wi-Fi était horrible et mon écran n'aimait pas du tout la lumière du soleil. Quelques bières plus tard et j'avais fini de travailler. Soupir.

Diversité des personnes

De tous ces exemples, vous aurez remarqué une réelle diversité de personnes et de situations, mais ils partagent néanmoins nombre des mêmes problèmes. Parfois, les problèmes d'accessibilité sont:

  • permanent
  • temporaire
  • situationnel

Si l'empathie pour ces situations ne vous a pas encore convaincu, il existe d'autres raisons concrètes pour lesquelles la conception Web inclusive est importante..

La conception Web inclusive est bonne pour les affaires

En tant que propriétaire d'entreprise, souhaitez-vous exclure les clients potentiels utilisant votre produit? J'espère que non. Voici quelques chiffres qui me viennent à l’esprit:

  • 20% des personnes utilisent un site Web et une accessibilité inclusifs, sinon elles ne pourraient pas utiliser votre produit..
  • 50% des personnes bénéficient d'un site Web et d'une accessibilité inclusifs.
  • Tout le monde profite d'un site Web utilisable.

Selon le livre de Jonathan Hassell, Y compris vos 20% manquants, ces estimations sont assez précises. Il utilise le Royaume-Uni comme exemple.

  • Population totale du Royaume-Uni: 62,2 millions.
  • Nombre total de personnes handicapées au Royaume-Uni: 11 millions (environ 18% de la population).
  • Environ 7 millions de personnes ont une déficience physique, dont 2,5 millions ont des difficultés à se servir des mains, ce qui peut les empêcher d'utiliser des claviers d'ordinateur et plus encore..
  • 2,2 millions de personnes ont des difficultés de mémoire, de concentration ou d'apprentissage, dont environ 1 million ont des difficultés d'apprentissage.
  • 2,1 millions de personnes ont des difficultés de communication.
  • Près de 2 millions de personnes ont une déficience auditive qui perturbe leur style de vie, dont 20 000 utilisent la langue des signes britannique pour communiquer.
  • Environ 2 millions de personnes sont dyslexiques.
  • 1,8 million de personnes ont une déficience visuelle qui perturbe leur mode de vie, allant de celles qui peuvent avoir des difficultés à lire un texte sans le agrandir, à celles qui peuvent avoir besoin d'agrandir l'affichage de leur ordinateur jusqu'à 16 ou 32 fois.
  • 8% de tous les hommes et 0,4% de toutes les femmes sont daltoniens.
  • 180 000 personnes ont une déficience visuelle grave (aveugle).
  • Plus d'un million de personnes ont une maladie progressive, cyclique ou fluctuante telle que la sclérose en plaques.
  • Plus d'un million de personnes ont des problèmes de santé mentale, et la plupart d'entre elles ont peu de chances de penser que cela affecte leur utilisation de l'Internet.

L'accessibilité est bonne pour l'utilisabilité

Convivialité et accessibilité vont de pair et partagent le même objectif: rendre le site Web ou l'application facile à utiliser pour tout le monde..

J'aime ces critères de bonne convivialité:

  • Design intuitif: les utilisateurs comprennent rapidement la structure du site et la navigation.
  • Facilité d'apprentissage: les utilisateurs comprennent rapidement en quoi consiste le site et remplissent les tâches principales du site.
  • Efficacité d'utilisation: les tâches sont rapides à remplir.
  • Mémorabilité: les utilisateurs peuvent facilement refaire les mêmes tâches quand ils reviennent.
  • Fréquence et gravité des erreurs: les utilisateurs font-ils des erreurs en naviguant sur le site, sont-ils graves ou non??
  • Satisfaction subjective: les utilisateurs aiment votre site web!

Celles-ci sont parfaitement alignées sur les idées d'accessibilité et de conception Web inclusive..

L'accessibilité est bonne pour le référencement

Les moteurs de recherche sont aveugles. Vous trouverez donc des chevauchements dans le référencement et l'accessibilité:

  • HTML sémantique. 
  • En-têtes et structure de page.
  • Texte de l'image.
  • Lien texte d'ancrage.
  • Titres de page.
  • Transcriptions audio et vidéo.

L'article de Karl Groves sur l'accessibilité et le mythe du référencement repose sur le fait que les cas d'utilisation du référencement ne représentent qu'une petite fraction de l'accessibilité. Il est vrai que l'accessibilité ne conduit pas automatiquement à un meilleur référencement, mais il ne faut pas oublier la moindre fraction de chevauchement..

L'accessibilité est requise par la loi

Vous n'êtes toujours pas convaincu que l'accessibilité fait naturellement partie des produits Web et numériques? Souhaitez-vous monter à bord si la loi exigeait la création de sites Web et de produits numériques accessibles?

Eh bien, la loi l'exige dans de nombreux pays. Je ne connais pas votre pays (merci de laisser un commentaire et de nous l'indiquer) mais l'Union européenne (UE) a adopté une directive visant à rendre les sites Web et les applications mobiles des organismes du secteur public plus accessibles. Il a été approuvé le 22 décembre 2016..

Notez que cette directive s’adresse spécifiquement aux sites Web du secteur public. Mais ne laissez pas ce détail vous décourager. Vous pouvez inclure l'accessibilité dans tout votre travail.

UE. Les États membres ont quelques années pour mettre en place cette législation, mais celle-ci doit être mise en œuvre avant le 23 septembre 2018. En Finlande, cela signifie le type de calendrier suivant:

  • Les sites Web publiés après le 23 septembre 2018 doivent être accessibles au plus tard le 23 septembre 2019..
  • Les sites Web publiés avant le 23 septembre 2018 doivent être accessibles au plus tard le 23 septembre 2020..
  • Les applications mobiles doivent être accessibles au plus tard le 23 juin 2021.
  • Les extranets et les intranets publiés avant le 23 septembre 2019 doivent être accessibles lorsqu'ils sont refaits.

Lois sur l'accessibilité en Europe

La directive mentionne quatre points principaux expliquant comment créer des services numériques plus accessibles. Ils doivent être:

  1. Perceptible: les informations et les composants de l'interface utilisateur doivent pouvoir être présentés aux utilisateurs de manière à ce qu'ils puissent percevoir.
  2. Opérable: les composants de l'interface utilisateur et la navigation doivent être utilisables.
  3. Compréhensible: les informations et le fonctionnement de l'interface utilisateur doivent être compréhensibles.
  4. Robuste: le contenu doit être suffisamment robuste pour pouvoir être interprété de manière fiable par un grand nombre d'agents utilisateurs, y compris les technologies d'assistance.

Pour être honnête, je ne comprends pas tout à fait ce que cela signifie exactement, il semble y avoir une marge d'interprétation. Mais je comprends que ces règles sont conformes aux directives pour l’accessibilité au contenu Web (WCAG). Pour plus d'informations sur WCAG, voici quelques ressources utiles:

  • Une référence rapide de WCAG traduit la signification de ces directives de manière plus détaillée et plus compréhensible..
  • Comprendre les WCAG 2.0 est un résumé encore meilleur.
  • Notez que la version 2.1 de WCAG est en cours de rédaction pendant que j'écris cette.
  • L'accessibilité Web dans les pages de l'UE et de la loi européenne sur l'accessibilité contient également des informations plus utiles..

Lois sur l'accessibilité aux États-Unis et dans d'autres pays

Aux États-Unis, les lois sur l'accessibilité sont mentionnées à l'article 508. Le groupe Paciello a une bonne vue d'ensemble des mises à jour concernant la loi de l'article 508..

Je vous encourage à découvrir les lois en vigueur sur l'accessibilité dans votre pays..

L'accessibilité est un effort d'équipe

Je pense avoir entendu quelque chose? Était-ce un son de votre changement mental?

«Hé, construisons ce pont pour tout le monde. Pas seulement pour nos Ferrari ».

Les peuples du monde aimeraient beaucoup cela. Mais ce n'est pas un spectacle d'une seule personne; il faut que tout le monde dans votre entreprise ou votre organisation s'implique.

  • Concepteurs.
  • Développeurs.
  • Testeurs.
  • Gestionnaires de contenu.
  • Chefs de projet.
  • Les gens qui prennent des décisions.

L'accessibilité est un changement de mentalité pour l'ensemble de votre entreprise. Ce n'est pas simplement une liste de contrôle de ce que vous devez faire dans le cadre de votre rôle. Dans un monde idéal, nous voudrions tous construire un site Web utilisable, accessible, inclusif et de meilleure qualité. toutes les personnes.

Ressources

Je tiens à remercier Rian Rietveld de m'avoir aidé à écrire cet article. Elle a beaucoup aidé à partager et à faire jaillir des idées. Voici un rappel de quelques ressources utiles que nous avons abordées dans l'article:

  • Articles d'Andrea Fercia sur l'accessibilité
  • Rédaction de contenu accessible
  • Vidéo: comment fonctionne le daltonisme
  • Conception inclusive chez Microsoft
  • Accessibilité pour tous (livre)
  • Comprendre les WCAG 2.0
  • Accessibilité égoïste d'Adrian Roselli