{"id":1537,"date":"2023-10-12T09:19:05","date_gmt":"2023-10-12T07:19:05","guid":{"rendered":"https:\/\/ideance.net\/blog\/?p=1537"},"modified":"2023-12-22T10:00:32","modified_gmt":"2023-12-22T09:00:32","slug":"surface-minimale-elements-interactifs-wcag","status":"publish","type":"post","link":"https:\/\/ideance.net\/blog\/en\/1537\/surface-minimale-elements-interactifs-wcag\/","title":{"rendered":"Surface minimale des \u00e9l\u00e9ments interactifs : \u00e0 la d\u00e9couverte du nouveau crit\u00e8re WCAG 2.5.8"},"content":{"rendered":"

En mati\u00e8re d\u2019accessibilit\u00e9 num\u00e9rique, la France dispose de son propre r\u00e9f\u00e9rentiel d’\u00e9valuation avec le RGAA<\/a> (R\u00e9f\u00e9rentiel G\u00e9n\u00e9ral d’Am\u00e9lioration de l’Accessibilit\u00e9). Cependant, il est important de savoir qu’il se base sur les directives internationales : les WCAG<\/a> (Web Content Accessibility Guidelines<\/span>), dont le contenu est r\u00e9guli\u00e8rement mis \u00e0 jour.<\/p>\n\n\n\n

Aussi, la version 2.2, qui devrait arriver avant la fin de l’ann\u00e9e, s’\u00e9toffera de 9 nouveaux crit\u00e8res. Parmi eux se trouve le crit\u00e8re 2.5.8 Target Size (Minimum)<\/a>, qui nous int\u00e9resse aujourd’hui.<\/p>\n\n\n\n

D\u00e9j\u00e0 pr\u00e9sente avec le crit\u00e8re 2.5.5<\/a> (niveau AAA), la notion de surface minimale des \u00e9l\u00e9ments interactifs se verra renforc\u00e9e par l\u2019ajout du crit\u00e8re 2.5.8 (niveau AA).<\/p>\n\n\n\n

Faisons le point.<\/p>\n\n\n\n

Les WCAG s\u00e9parent leurs diff\u00e9rents crit\u00e8res en trois niveaux : A, AA et AAA.
Le niveau A repr\u00e9sente les crit\u00e8res les plus essentiels et le niveau AAA les points les plus sp\u00e9cifiques.
La plupart des lois et directives internationales imposent de respecter \u00e0 minima le niveau AA.<\/p>\n\n\n\n

L’objectif<\/h2>\n\n\n\n

Avant d’entamer une \u00e9tude plus technique de ce nouveau crit\u00e8re, il est important d’en expliquer le but ainsi que la port\u00e9e.<\/p>\n\n\n\n

Ce dernier vise \u00e0 garantir que les \u00e9l\u00e9ments interactifs soient suffisamment grands pour \u00eatre activ\u00e9s plus facilement.<\/p>\n\n\n\n

Il est valable dans le cas de l’utilisation d’un dispositif de pointage, mais \u00e9galement sur mobile, o\u00f9 l’activation d’un \u00e9l\u00e9ment peut \u00eatre moins pr\u00e9cise, notamment lorsque plusieurs boutons ou liens sont proches les uns des autres.<\/p>\n\n\n\n

En effet, pour des personnes ayant des tremblements ou plus largement des troubles de la motricit\u00e9 impactant les membres sup\u00e9rieurs, cibler une zone pr\u00e9cise de l’\u00e9cran peut \u00eatre une t\u00e2che complexe, qui plus est si la zone en question est r\u00e9duite.<\/p>\n\n\n\n

Parmi les dispositifs de pointage, on peut citer la souris ou le trackball, mais aussi des outils comme le joystick ou la licorne (une baguette fix\u00e9e \u00e0 un casque et permettant d’appuyer sur les touches d’un clavier ou sur un \u00e9cran tactile).<\/p>\n\n\n\n

Un crit\u00e8re compl\u00e9mentaire<\/h2>\n\n\n\n

S’il y a bien quelque chose \u00e0 noter d’entr\u00e9e de jeu, c’est qu’il ne s’agit pas d’un remplacement du crit\u00e8re 2.5.5, mais bien d’un nouveau crit\u00e8re compl\u00e9mentaire, destin\u00e9 \u00e0 assurer une meilleure accessibilit\u00e9 des \u00e9l\u00e9ments interactifs pour les personnes utilisant un dispositif de pointage.<\/p>\n\n\n\n

Afin de demeurer le plus g\u00e9n\u00e9rique possible, le terme \u00ab \u00e9l\u00e9ment interactif \u00bb sera utilis\u00e9 \u00e0 plusieurs reprises dans la suite de ce billet.
Cette appellation englobe par exemple les liens, les boutons, les cases \u00e0 cocher ou les options d’une liste d\u00e9roulante.<\/p>\n\n\n\n

L’attribution de ce crit\u00e8re au niveau de conformit\u00e9 AA permet \u00e0 ce sujet de ne plus faire partie du cercle ferm\u00e9 des crit\u00e8res AAA, r\u00e9put\u00e9s comme \u00e9tant les plus exigeants.<\/p>\n\n\n\n

Le crit\u00e8re 2.5.5 reste donc d’actualit\u00e9, mais devient la version renforc\u00e9e du crit\u00e8re 2.5.8, qui repr\u00e9sente donc un nouveau minimum requis (comme l’indique la mention \u00ab Minimum \u00bb de son intitul\u00e9).<\/p>\n\n\n\n

Voyons maintenant ce qui diff\u00e8re entre l’ancien et le nouveau crit\u00e8re.<\/p>\n\n\n\n

Les diff\u00e9rences<\/h2>\n\n\n\n

La surface des zones interactives<\/h3>\n\n\n\n

La principale diff\u00e9rence entre les crit\u00e8res r\u00e9side dans la surface minimale attendue pour les \u00e9l\u00e9ments interactifs.<\/p>\n\n\n\n

Elles sont d\u00e9finies ainsi :<\/p>\n\n\n\n