Fermer

mars 15, 2020

Ce sont les normes d'accessibilité Web que les concepteurs doivent connaître


WCAG

Web Content Accessibility Guidelines (WCAG) traite du contenu Web et est utilisé par les développeurs, les outils de création et les outils d'évaluation de l'accessibilité. Ce qui est bien dans les normes WCAG, c'est qu'il est rétrocompatible ce qui signifie que quelque chose qui est conforme à la dernière version (2.1) passerait également (2.0).

WCAG est l'un des les normes les plus courantes pour les concepteurs d'UX et de produits, car elles s'appliquent à tout le contenu. Il existe un système de classification simple pour toutes les directives des WCAG:

Niveau A (minimum)

Les fonctionnalités d'accessibilité Web les plus élémentaires. Le site Web DOIT satisfaire à ce point de contrôle. Sinon, un ou plusieurs groupes ne pourront pas accéder aux informations du document. Satisfaire à ce point de contrôle est une condition de base pour que certains groupes puissent utiliser des documents Web.

Niveau AA (milieu de gamme)

Traite des obstacles les plus importants et les plus courants pour les utilisateurs handicapés. Le site Web DEVRAIT satisfaire ce point de contrôle. Sinon, un ou plusieurs groupes auront du mal à accéder aux informations du document. Le respect de ce point de contrôle supprimera les obstacles importants à l'accès aux documents Web.

Niveau AAA (le plus élevé)

Le plus haut niveau d'accessibilité Web. Un site Web PEUT adresser ce point de contrôle. Sinon, un ou plusieurs groupes auront du mal à accéder aux informations du document. Le respect de ce point de contrôle améliorera l'accès aux documents Web.

Certains produits (comme ceux de nombreux organismes fédéraux) peuvent devoir respecter un niveau de conformité spécifique. Il y a généralement une zone grise pour les entreprises privées, mais généralement plus le score est conforme, plus un produit est accessible au grand public.

Un résumé des principes généraux WCAG 2.0 Guidelines sont les suivants:

(* indique les critères de réussite de l'accessibilité cognitive)

1. Perceivable

 Dessinez l'illustration représentant "Perceivable"

Alternatives textuelles: Fournissez des alternatives textuelles pour tout contenu non textuel afin qu'il puisse être changé sous d'autres formes dont les gens ont besoin, comme les gros caractères, le braille, discours, symboles ou langage plus simple.

Médias temporels: Fournissez des alternatives pour les médias temporels (généralement des vidéos) tels que les légendes, l'audio décrit ou une alternative médiatique.

Adaptable *: Créez du contenu qui peut être présenté de différentes manières (par exemple une mise en page plus simple) sans perdre d'informations ou de structure. Cela inclut des considérations sur, l'étiquetage approprié, la prise en compte de différentes tailles d'écran, etc. Cela inclut les décisions courantes de l'interface utilisateur telles que le contraste et la taille du texte en plus de considérations audio comme le bruit de fond.

2. Opérable

 Dessinez l'illustration représentant "Opérable"

Accessible au clavier: Rendez toutes les fonctionnalités disponibles à partir d'un clavier. Cela se réfère principalement à la possibilité de déplacer le focus vers et depuis tous les composants de la page à l'aide d'une interface clavier.

Assez de temps * : Donnez aux utilisateurs suffisamment de temps pour lire et utiliser le contenu. Cela inclut le déplacement, le clignotement, le défilement ou la mise à jour automatique des informations ainsi que les interruptions et les délais d'attente.

Saisies et réactions physiques: Ne concevez pas le contenu d'une manière connue pour provoquer des saisies ou des réactions physiques. Cela signifie généralement limiter les flashs et l'animation de mouvement en dessous du seuil approuvé.

Navigable *: Fournir des moyens d'aider les utilisateurs à naviguer, trouver du contenu et déterminer où ils se trouvent. Cela inclut les décisions importantes de l'interface utilisateur telles que l'architecture de l'information, l'ordre de mise au point et les titres, en-têtes et étiquetage appropriés.

Modalités d'entrée: Facilitez la tâche des utilisateurs grâce à diverses entrées au-delà du clavier. Un exemple de ceci est la prise en compte de la taille minimale des cibles tactiles.

3. Compréhensible

 Dessinez l'illustration représentant «Compréhensible»

Lisible *: Rendez le contenu du texte lisible et compréhensible. Cela peut être aussi simple que d'identifier le langage humain d'une page, mais peut également inclure des normes avancées telles que l'identification et l'explication des idiomes ou des abréviations.

Predictable *: Faire apparaître et fonctionner les pages Web de manière prévisible. Cela inclut les interactions prévisibles des composants et une forme de navigation cohérente.

Aide à la saisie *: Aidez les utilisateurs à éviter et à corriger les erreurs. Cela comprend l'identification des erreurs de saisie et la fourniture d'instructions ou de suggestions utiles, opportunes et pertinentes.

4. Robuste

 Dessinez l'illustration représentant "Robuste"

Compatible: Maximisez la compatibilité avec les agents utilisateurs actuels et futurs. C'est principalement un travail pour les développeurs pour s'assurer que le produit est construit de manière à prendre en charge les technologies d'assistance.




Source link