WCAG
= Web Content Accessibility Guidelines
Versions :
- WCAG 2.2 : publication prévue début 2023
- WCAG 3.0 : en draft actuellement
WCAG 2.2
- 9 nouveaux critères + 2 critères MAJ
Nouvelles règles
- 2.4.11 - Apparence du focus (at risk - peut changer jusqu’à la recommandation finale !)
- Encloses : l'entièreté de l’outline doit inclure le composant
- Contrast 3:1 (avec couleur adjacente à l’outline, que ça soit couleur de fond de la page par ex, ou couleur de fond du button)
- Considération à avoir : largeur de l’outline (2px mini)
- 2.4.12 - Le focus n’est pas caché par un autre élément (ex : un header ou footer fixe)
- 2.5.7 - drag n drop => avoir une alternative au clic
- 2.5.8 - taille minimale de la target d’un élément (mini 24x24, sauf quand : assez d’espace entre les éléments proches ou s’il y a un autre élément sur la page qui fait l’équivalent)
- assez d’espace = 24px (largeur d’élément + espace jusqu’au premier élément à droite par ex)
- AAA : minimum de 44px
- 3.2.6 - Aide consistante => les options d’aide sont présentées de manière consistante dans le produit (consistant dans le placement dans l’UI, même séquence de tabulation, etc)
- 3.3.7 - Authentification accessible => pas de puzzle, d’utilisation de la mémoire, maths, etc => méthode alternative, ou une option pour avoir de l’aide,...