Rewording critère WCAG 2.2 2.5.8 Target Size (Minimum) - Guidelines

[MewenLeHo]

Proposition pour le critère WCAG 2.2 2.5.8 Target Size (Minimum) en français. Je commence la traduction quand vous serez ok pour le contenu.

********** Guidelines **********

Web développeur - Surface minimale des éléments interactifs

Cible : tout le monde, et en particulier les personnes déficientes visuelles et les personnes souffrant de handicap moteur ou en mobilité.

Quand : dès la phase de conception et lors du développement.

Description : Les éléments interactifs doivent avoir une surface suffisamment grandes ou être suffisamment espacés pour pouvoir être facilement activés afin de réduire les risques d'erreurs.

Les éléments interactifs doivent mesurer au moins 24 pixels de haut par 24 pixels de large. Il est nécessaire de prendre en compte la totalité de la zone de clic ou de toucher et pas uniquement le texte ou l'image.

A vérifier :

Vérifier les dimensions des éléments interactifs.
Vérifier que les éléments interactifs respectent une surface minimale de 24 pixels de haut par 24 pixels de large, et ce dans toutes les conditions d'affichage indépendamment du niveau de zoom ou de la taille du viewport notamment.

Exceptions conformes :

Si des éléments interactifs ont une surface inférieure à la surface minimale de 24*24 pixels mais sont placés de manière à ce qu'un cercle de 24 pixels de diamètre centré sur chacun d'eux ne chevauche pas d'autres éléments interactifs.
Si la surface de l'élément interactif est inférieure à 24*24 pixels mais qu'il existe une alternative conforme permettant de réaliser la même action.
Si l'élément interactif est intégré dans une phrase dont la taille est limitée par la hauteur de ligne du texte environnant.

Exceptions non-applicables :

Si le rendu des éléments interactifs est le rendu par défaut de l'agent utilisateur.
Si la taille et la position des éléments interactifs sont cruciales pour le contenu (exemple : des repères sur une carte). Dans ce cas il est toutefois recommandé de fournir des alternatives lorsque cela est possible.

Objectif utilisateur :

Permettre aux utilisateurs de sélectionner facilement les éléments interactifs, même en cas de difficultés motrices et indépendamment de la taille du terminal utilisé.

Exemples valides :

Trois boutons sont affichés à l'écran et chacun mesure 24*24 pixels.
Une rangée de boutons est affichée à l'écran. Chaque bouton présente une longueur supérieure à 24 pixels, une hauteur de 20 pixels et une marge supérieure et inférieure de 4 pixels.
Un élément interactif a une surface inférieure à 24*24 pixels mais est placé de manière à ce qu'un cercle de 24 pixels de diamètre centré sur lui ne chevauche pas d'autres éléments interactifs.

Référence WCAG :

Target Size (Minimum) (Level AA) 2.5.8

https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html

********** Test **********

Développement

Procédures

Identifier tous les éléments interactifs dans la page.
Mesurer la surface de chaque élément interactif à l'aide des outils d'inspection du navigateur.

A vérifier

Vérifier que les dimensions mesurées atteignent la surface minimale requise de 24*24 pixels ou un espacement suffisant.
Vérifier que les éléments interactifs respectent la surface minimale dans toutes les conditions d'affichage.

Exceptions conformes :

Si des éléments interactifs ont une surface inférieure à la surface minimale de 24*24 pixels mais sont placés de manière à ce qu'un cercle de 24 pixels de diamètre centré sur chacun d'eux ne chevauche pas d'autres éléments interactifs.
Si la surface de l'élément interactif est inférieure à 24*24 pixels mais qu'il existe une alternative conforme permettant de réaliser la même action.
Si l'élément interactif est intégré dans une phrase dont la taille est limitée par la hauteur de ligne du texte environnant.

Exceptions non-applicables :

Si le rendu des éléments interactifs est le rendu par défaut de l'agent utilisateur.
Si la taille et la position des éléments interactifs sont cruciales pour le contenu (exemple : des repères sur une carte). Dans ce cas il est toutefois recommandé de fournir des alternatives lorsque cela est possible.

Résultats

1. Tous les éléments interactifs ont une surface minimale de 24*24 pixels sont conformes
2. Les éléments interactifs dont la surface est inférieure à 24*24 pixels sont conforme si et seulement si la taille de l'élément interactif considéré plus l'espacement avec les autres éléments interactifs proches est au moins égale à 24px.

Profils : Concepteur, Développeur, Expert Accessibilité

[MewenLeHo]

@Aniort et @pya35 : si vous avez un moment avant de partir en vacances ce serait bien que l'on arrive à boucler le chapitre WCAG 2.2 ;)