Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung
Accessibilité
Comment un bouton pour les doigts et les mains tremblantes doit-il être grand?
Un bouton de 20 pixels de hauteur frappe un doigt sur le téléphone seulement avec de la chance, une main tremblante avec la souris non plus. Le niveau AA (2.5.8, nouveau dans WCAG 2.2) nécessite 24 × 24 pixels ou une distance suffisante. Le critère de niveau AAA 2.5.5 exige 44 × 44 pixels CSS pour chaque cible actionnée avec un pointeur. Sont exclus les liens dans le texte de flux, les éléments avec une alternative équivalente plus grande et les éléments dont la taille le navigateur spécifie.
Ce que le critère exige
Chaque cible tapée ou cliquée est d'au moins 44 pixels CSS larges et hauts. Cela correspond à environ 9 millimètres sur un téléphone mobile, la largeur d'un bout de doigt. Exceptions: liens dans une phrase ou un paragraphe; cibles pour lesquelles il existe une alternative équivalente de 44 pixels sur la même page; cibles dont la taille n'est pas déterminée par l'auteur (contrôle du navigateur); et cibles pour lesquelles la représentation concrète est essentielle, comme les points sur une carte.
Pour qui cela compte
Les personnes atteintes de tremblements, d'arthrite, de spasticité ou après un accident vasculaire cérébral ne frappent pas de petites cibles ou ne frappent pas à leurs côtés. Au téléphone, cela affecte tous ceux qui tapent avec leur pouce, dans le bus, avec un gant, avec un doigt épais. Les 44 pixels proviennent des lignes directrices de conception des grands systèmes d'exploitation et se sont révélés être une limite à partir de laquelle les erreurs de fonctionnement diminuent considérablement. Des objectifs plus grands réduisent également le taux d'erreur pour tous les autres.
C'est comme ça qu'on s'y prend
Aujourd'hui, le noyau de mesure mesure mesure chaque surface de fonctionnement dans la zone d'essai Répondant à la limite de 24 pixels du niveau AA et spécifie la largeur et la hauteur pour chaque emplacement. La même mesure indique quelles zones atteignent 44 pixels. Le critère est automatiquement décidable sauf pour la question de savoir si une alternative est équivalente. Il appartient à la catégorie AAA en connaissance; Le rapport établit les normes.
Exemples
Bouton avec 24 pixels
.symbol-knopf { width: 24px; height: 24px; } /* Stufe AA */.symbol-knopf { min-width: 44px; min-height: 44px; } /* Stufe AAA */44 × 44 pixels CSS par cible, à l'exclusion des intervalles. Les liens dans le texte sont exclus.
- Saisissez des boutons, des éléments de menu et des liens d'icônes d'une hauteur et d'une largeur minimales de 44 pixels (hauteur min, largeur min) ou d'une distance intérieure équivalente.
- Augmentez la zone de clic des icônes avec l'espace intérieur, pas l'icône elle-même.
- Laissez les liens dans le texte de flux comme ils sont; ils sont exclus.
- Vérifiez les lignes dans les tableaux et les listes avec des actions d'icônes: il y a de petites cibles les plus courantes.
