Les utilisateurs
8 à 10 millions de personnes handicapées en France
Les différents types de handicaps
- Moteurs
- Auditifs
- Visuels
- Mentaux
- Congnitifs
- Polyhandicapés
- Troubles de santé invalidants
Les contextes
Situation de handicap : défaut d'adaptation qui rends le contenu innacessible à un utilisateur du fait d'une déficience.
de 15 à 20 millions de personnes en situation de handicap sur le web
Exemples de besoins spécifiques
- Navigation uniquement au clavier ou à la souris
- Description des éléments visuels ou audios
- Maîtriser l'environnement et naviguer à son rythme
- Personnaliser et adapter (couleurs, taille des caractères, police…)
Les technologies d'assistance
Exemples de technologie d'assistance
- Parcourir avec une plage braille ou un lecteur d'écran
- Utiliser un head-stick, des claviers adaptés, des trackballs, des joysticks
- Contrôler le curseur avec la voix, les yeux, le souffle, la pensée
Et il en existe des dizaines d'autres : des vidéos pour découvrir l'accessibilité.
L'accessibilité numérique
Principes de bases
- Donner des équivalents textuels aux images, aux sons à la couleur
- Structurer les contenus, gérer la présentation par CSS, s'assurer des contrastes
- Permettre l'utilisation des dispositifs d'adaptation des contenus
- Rendre les interactions utilisables au clavier et à la souris, accompagner les saisies
- Mettre à disposition des APIs systèmes toutes les informations d'accessibilité
Accessibilité
Les normes, les référentiels
- WCAG et RGAA
- ATAG et le référentiel RGAA CMS
WCAG et RGAA
WCAG : Normes internationales : 1998 (1.0), 2004 (2.0), 2018 (2.1)
RGAA 3 : Méthode d'application de WCAG, cadre légal Français (2015, 2016, 2017)
Focus sur RGAA
Référentiel d'application WCAG qui s'occupe des contenus et fonctionnalités générés.
13 thématiques (images, liens, formulaires…), 133 critères, 3 niveaux (A, AA, AAA), dérogations.
Nombreuses ressources (guides, mobiles, application, CMS, ARIA, Framework JS)
ATAG et RGAA
ATAG 2.0 : Normes internationales : 2015 (version de travail)
RGAA CMS : Référentiel d'application ATAG, pas de cadre légal
Focus sur RGAA CMS
Référentiel d'application ATAG qui se focalise sur les outils de génération de contenus de type CMS ou assimilés.
Ce référentiel est donné comme ressource et dispose d'une méthodologie de tests.
Accessibilité
L'API ARIA
- Rôle, états et propriétés
- Modèle de conception
- Patcher les frameworks JS et les mauvaises pratiques
ARIA
ARIA permet de :
- Définir les composants d'interface et de structure ;
- informer des états et des propriétés des composants d'interface ;
- mises à jour de contenus dynamiques ;
- composants utilisables au clavier.
ARIA
Modèle de conception
Un modèle de conception comporte un ou plusieurs rôles, des états/propriétés, un modèle de comportement au clavier.
Modale ARIA
- role="dialog" ou role="alertdialog"
- aria-label="nom" ou aria-labelledby="@id-nom"
- A l'ouverture focus() sur la modale ou l'un de ses composants interactifs
- Pendant l'affichage : capturer le focus()
- A la fermeture focus() sur le bouton d'ouverture
- La touche [ESC] ferme la modale
ARIA
Patcher les frameworks JS
Méthode de patch
Le RGAA propose une analyse corrective des principaux framerworks JS, la plupart des composants ont été audités et des méthodes de correction sont proposées.
Patcher avec ARIA
Des liens comme des boutons
Des champs de formulaire sans label
Accessibilité
L'accessibilité des CMS
Avertissements
- Rendre un CMS capable de produire des contenus acessibles est complexe
- Cela ne concerne pas simplement le RTE
- Il faut travailler en profondeur sur l'interface, les fonctionnalités, les contenus générés automatiquement, les plugins.
- Il faut également proposer des outils de tests automatiques et des aides au contributeur.
- Et attention au wording : une alternative d'image n'est pas un titre ou une description.
Accessibilité
Les ressources complémentaires du RGAA
