Déficience visuelle et ce dont vous avez besoin pour l'accessibilité

Dans cet article, nous définirons les déficiences visuelles et discuterons de stratégies de développement Web pour améliorer l'accessibilité pour les utilisateurs malvoyants.

Pour les personnes ayant une déficience visuelle, l'avènement d'Internet a fait plus que transformer la façon dont ils accès aux informations et leur a permis de participer à un système mondial de communication. Contrairement à de nombreux produits d’impression, les articles et applications en ligne offrent des options rapides et peu coûteuses aux personnes qui ont besoin d’outils supplémentaires pour accéder à leur contenu.

La plupart des applications Web ont encore beaucoup de chemin à faire avant de pouvoir vraiment accueillir les utilisateurs ayant une déficience visuelle. Cet article explore les stratégies que les développeurs Web peuvent utiliser pour optimiser l'accessibilité de leurs produits à ces utilisateurs.

Qu'est-ce qu'une déficience visuelle?

Les déficiences visuelles entrent généralement dans l'une des trois grandes catégories suivantes:

1. Cécité . L'extrême extrémité du spectre de la déficience visuelle est la cécité totale, lorsqu'une personne n'a pas accès aux informations visuelles du monde extérieur. La plupart des personnes considérées comme légalement aveugles ont une vision, mais pas assez pour leur permettre de se déplacer sans technologies d'assistance. Aux États-Unis, le seuil de cécité juridique est fixé à 20/200 ou à un champ de vision de 20 degrés ou moins.
2. Basse vision . Une personne malvoyante peut souvent utiliser des lunettes ou des lentilles de contact pour accéder à des documents écrits et naviguer dans le monde. La basse vision est fréquente chez les personnes âgées et aussi chez les populations plus jeunes en raison d'une prédisposition génétique, d'une maladie ou d'une lésion traumatique.
3. Cécité des couleurs . Les daltoniens ont généralement une gamme normale d'acuité visuelle, mais perçoivent les couleurs différemment, à un degré limité ou pas du tout. Bien que le daltonisme ne soit généralement pas considéré comme un handicap, il peut avoir une incidence sur la manière dont un utilisateur interagit avec une application Web, et l'accessibilité des utilisateurs daltoniens est un facteur essentiel pour les développeurs. Les déficiences visuelles?

   Les personnes atteintes de cécité, de basse vision et de daltonisme représentent environ 1,3 milliard de personnes dans le monde. Traiter avec ce large groupe démographique est une façon respectueuse d’interagir avec les autres, mais c’est aussi une pratique commerciale intelligente. Malgré la richesse des technologies d'assistance disponibles pour les personnes qui en ont besoin, une application Web qui n'est pas conçue pour être accessible peut présenter des problèmes frustrants pour les utilisateurs malvoyants.

   Amélioration de l'accessibilité de votre site Web pour les utilisateurs malvoyants

   Amélioration de l'accessibilité dans vos applications commence par examiner comment les utilisateurs malvoyants naviguent sur le Web. Les stratégies utilisées par les personnes ayant une déficience visuelle varient en fonction du type et de l'étendue de leur handicap, ainsi que des préférences de l'utilisateur, mais les outils suivants couvrent la plupart des manières cruciales dont les personnes malvoyantes utilisent le Web.

   Pour les utilisateurs aveugles

   Les aveugles lisent souvent la Toile avec des lecteurs d'écran qui parlent des textes écrits à haute voix ou les convertissent en braille à l'aide de afficheurs en braille . Ils naviguent souvent dans les pages Web à l'aide de leurs claviers – par exemple, à l'aide de la touche de l'onglet pour passer d'une section à l'autre. Un utilisateur aveugle ne peut pas utiliser une souris pour naviguer dans une page ni pour accéder à des informations présentées exclusivement à l'aide de visuels.

   Tout d'abord, pour améliorer l'accessibilité pour les utilisateurs de lecteurs d'écran et de navigation au clavier, assurez-vous que votre site le balisage fonctionne bien avec un lecteur d'écran . La norme WAI-ARIA du W3C fournit des indications complètes sur la création d’applications Web riches accessibles. Pour des conseils spécifiques sur la manière de rendre votre site Web accessible à ceux qui utilisent des lecteurs d’écran, lisez les pratiques de mise en œuvre de WAI-ARIA qui traitent d’éléments tels que la navigation au clavier, des modèles de conception accessibles et la définition de régions repères permettant aux lecteurs d’écran d’identifier structure de la page pour les lecteurs malvoyants.

   Les autres stratégies consistent à fournir du texte substitut au contenu visuel en écrivant des descriptions alternatives pour chacune de vos images et des résumés sous forme de graphiques, de graphiques et autre contenu visuel, et ajout de en-têtes de colonne et de ligne dans les tableaux, ainsi que des descriptions de leur contenu.

   Pour les utilisateurs malvoyants

   Zoom applications pour agrandir les sections de la page afin que les basse vision peut distinguer les lettres dans un bloc de texte. Bien que la plupart des systèmes d’exploitation puissent rendre les glyphes des polices à une résolution suffisamment élevée pour ces applications, ils ne peuvent pas augmenter la résolution des images. Une technique alternative, agrandissant la taille de police dans le texte, ne peut pas non plus être utilisée pour le texte dans les images.

   Pour améliorer l'accessibilité pour les personnes utilisant les applications de zoom et les tailles de police agrandies, utilise du texte à la place de incorporation d'images autant que possible. Le texte vrai répond bien au zoom, tandis que le texte incorporé dans les images perd de la résolution lorsqu'il se développe. Assurez-vous que les utilisateurs de votre site peuvent modifier la taille de police de votre contenu en appliquant les stratégies suivantes:

   • Évitez de limiter les modifications de la taille de police lors de la définition des méta-attributs HTML tels que maximum-scale = 1.0 ou user-scalable = 0 .
   • Dans votre CSS, utilisez de mesures relatives (pourcentage d'un tout) plutôt que de mesures absolues ( nombre exact de pixels) pour donner aux utilisateurs une flexibilité dans la taille de leurs polices.
   • Assurez-vous que votre page Web est réactive et que le contenu pertinent est visible sous différentes tailles de police et de tailles d'écran en exécutant les tests d'utilisabilité sur chaque page. .
   • Utilisez le balisage correct pour que les outils tels que iOS Reader Mode et Safari Reader, qui permettent aux utilisateurs de personnaliser le texte en fonction de leurs besoins, fonctionnent normalement.
   • Enveloppez vos blocs de contenu dans des éléments tels que

     ] pour signaler à un lecteur d’écran de s’engager dans le texte. Toute enveloppe autre que ou

     fonctionnera pour la plupart des lecteurs, mais assurez-vous de tester les pages au format inhabituel pour vous assurer que le lecteur d'écran peut accéder à leur contenu.

   Pour les utilisateurs atteints de daltonisme

   Le type de daltonisme le plus répandu est le déficit rouge-vert, dans lequel il est difficile de distinguer ces couleurs et des couleurs similaires. Pour un utilisateur souffrant de ce type de daltonisme, les rouges et les verts peuvent apparaître comme des jaunes, des beiges ou des oranges, ce qui rend toutes les couleurs de ces familles douteuses et fiables en ce qui concerne les vraies couleurs de la lumière émise. De nombreuses personnes atteintes de daltonisme rouge-vert peuvent faire la différence entre les nuances sombres et claires, et les couleurs de la famille des bleus ne sont généralement pas affectées.

   Un autre type de daltonisme est l '«achromie», ou daltonisme total, où le monde est rendu en noirs, gris et blancs. Les personnes daltoniennes achromatiques constituent un petit pourcentage de daltoniens mais leurs besoins valent également la peine d'être pris en compte par les développeurs intéressés par l'amélioration de l'accessibilité des daltoniens.

   N'oubliez pas que tous ceux qui sont aveugles sont, dans un sens, également daltoniens; toute amélioration visant à supprimer le recours à la couleur pour transmettre des informations peut également accroître l'accessibilité pour les utilisateurs aveugles.

   Pour améliorer l'accessibilité pour les utilisateurs atteints de daltonisme, ne comptez pas uniquement sur la couleur pour transmettre le sens des contrôles. . Au lieu de cela, incluez du texte ou des descriptions textuelles alternatives des boutons de navigation et autres contrôles. Assurez-vous également que toutes les informations visuelles sont transmises non seulement avec la couleur, mais également avec différentes textures visuelles – voir l'exemple de lignes de métro de WebAIM .

   Enfin, gardez à l'esprit que comme les utilisateurs aveugles tirent parti des aménagements conçus pour les utilisateurs daltoniens, les mesures d'accessibilité conçues pour les utilisateurs aveugles peuvent également aider les daltoniens.

   Conclusion

   Bien que les techniques ci-dessus décrivent certaines approches permettant d'améliorer l'accessibilité. pour les utilisateurs malvoyants, ils n'expriment pas tout le potentiel d'une véritable accessibilité. Les développeurs engagés à rendre leur contenu plus accessible doivent prendre en compte ces objectifs le plus tôt possible lors de la planification d'un projet. Des modifications telles que le passage à des mesures relatives dans votre balisage CSS peuvent être appliquées une fois le développement du projet terminé, mais tout ce qui est nécessaire à l'accessibilité n'est qu'un simple changement technique.

   Les pages Web interactives étant bien plus complexes que les simples blocs de texte, l'un des Le principal défi de l'accessibilité est de créer des pages de navigation sans s'appuyer exclusivement sur des contrôles visuels. Les mesures destinées à rendre le contenu accessible aux utilisateurs malvoyants doivent également inclure des modifications de la structure même du contenu du projet. La clarté du contenu, ainsi que du balisage, peut faire toute la différence pour les utilisateurs malvoyants au fil de votre projet.

   ---

   En savoir plus sur l'accessibilité

   Nous avons créé un livre blanc complet sur l'accessibilité. Des développeurs qui couvrent tout, des lois aux codes, en passant par les tests.

   Téléchargez le livre blanc: Accessibilité pour les développeurs

   Ajout de l'accessibilité à vos applications

   Un moyen simple de créer un site Web accessible. apps doit commencer avec des composants des bibliothèques de Kendo UI. Nos composants sont tous conformes à la plainte WCAG et vous offrent une grande fonctionnalité, des grilles et graphiques aux programmateurs et aux sélecteurs. Prenez une longueur d'avance sur l'interface utilisateur de votre application et sur la conformité d'accessibilité en même temps.

   En savoir plus sur: Kendo UI

   ---