Introduction

Dans le monde de la conception de sites web, les progrès sont incessants. Le dernier né de la famille des directives sur l'accessibilité du contenu web (WCAG), WCAG 2.2, vient de faire son apparition. Il apporte un nouvel ensemble de lignes directrices nouvelles et actualisées qui auront un impact durable sur les conceptions nouvelles et existantes. Il s'agit d'une victoire importante pour la conception inclusive, car les WCAG 2.2 font un pas important vers la résolution de certains problèmes persistants qui ont causé des maux de tête aux utilisateurs.

Certes, la mise en œuvre de ces mises à jour peut nécessiter quelques efforts, en particulier lorsqu'il s'agit d'adapter des modèles existants. Toutefois, le jeu en vaut indéniablement la chandelle. En fin de compte, ces efforts constituent un investissement pour rendre votre produit plus inclusif et plus convivial pour tous. Alors, plongeons dans le vif du sujet et explorons ce que nous réservent les WCAG 2.2 et comment, en tant que concepteur, vous pouvez intégrer ces changements de manière transparente dans votre travail.

Ligne directrice 2.5 - Modalités d'entrée

La ligne directrice 2.5 des WCAG 2.2 introduit deux changements cruciaux, principalement axés sur l'amélioration des fonctionnalités au-delà des interactions avec le clavier.

2.5.7 Mouvements traînants (AA)

Qu'est-ce qu'un mouvement traînant ?
Ces lignes directrices préconisent de reproduire les gestes de glissement qui utilisent une souris avec des alternatives de pointeur plus simples telles que les tapotements ou les clics. Le glissement implique de taper ou de cliquer pour initier le mouvement, de maintenir la pression tout en déplaçant le pointeur, et de relâcher la pression pour terminer l'action.

Pourquoi cette ligne directrice est-elle importante ?
Tous les utilisateurs ne sont pas en mesure d'effectuer correctement des gestes de glissement, ce qui peut les exclure de certaines fonctionnalités. Ces lignes directrices s'adressent aux utilisateurs souffrant de mobilité réduite, de tremblements et de problèmes de motricité fine.

Comment intégrer cette ligne directrice dans vos conceptions
Identifiez les endroits où des gestes de glissement sont nécessaires et assurez-vous qu'un autre geste de tapotement/clic est disponible, comme les boutons haut/bas ou gauche/droite. N'oubliez pas que les solutions peuvent varier en fonction du contexte ; la créativité est donc essentielle pour trouver l'alternative la plus appropriée. L'équilibre entre fonctionnalité et accessibilité permet à tous les utilisateurs d'interagir efficacement avec votre produit.

2.5.8 Taille cible (minimale) (AA)

Qu'est-ce que la taille cible ?
Cette mise à jour impose que toutes les entrées du pointeur (par exemple, les boutons) aient une taille minimale de 24×24 pixels CSS.

Pourquoi cette ligne directrice est-elle importante ?
L'agrandissement des commandes simplifie l'activation, en particulier pour les utilisateurs ayant des problèmes de dextérité lorsque les cibles sont très proches les unes des autres.

Comment intégrer cette ligne directrice dans vos conceptions

Concevez vos sites web et vos applications de manière à ce que les entrées du pointeur respectent la taille minimale requise. Utilisez des cibles plus grandes pour les commandes essentielles et augmentez l'espacement entre les cibles rapprochées pour réduire le risque d'activation incorrecte.

Ligne directrice 2.4 Navigable

Cette ligne directrice vise à permettre aux utilisateurs de naviguer, de trouver le contenu et de comprendre leur position dans une page web.

2.4.11 Foyer non obscurci (minimum) (AA)

Qu'est-ce que la focalisation non occultée ?
Lorsqu'un utilisateur se concentre sur un élément à l'aide de son clavier, celui-ci doit être au moins partiellement visible, idéalement entièrement visible. Cela permet aux utilisateurs de connaître leur position et facilite la navigation.

Pourquoi cette ligne directrice est-elle importante ?
Les éléments de mise au point masqués peuvent entraîner une confusion et une navigation incorrecte sur la page. Les utilisateurs souffrant de microtraumatismes répétés ou d'autres handicaps bénéficient de cette exigence.

Comment intégrer cette ligne directrice dans vos conceptions
Concevoir en tenant compte de l'ordre de tabulation et de la navigation au clavier. Dans l'idéal, veillez à ce que l'élément sur lequel porte l'attention soit toujours visible. Lorsque cela n'est pas possible, réduisez les cas où les éléments de focalisation sont masqués.

2.4.12 Focus Not Obscured (Enhanced) (AAA)

Ce critère de réussite AAA exige que l'élément ciblé soit entièrement visible, sans qu'aucun contenu créé par l'auteur ne le masque.

2.4.13 Apparition de la mise au point (AAA)

Ce critère de réussite fait passer les indicateurs de focalisation au niveau supérieur, en exigeant que les indicateurs de focalisation répondent à des exigences spécifiques en matière de contraste et de taille.

2.4.14 Apparition de la focalisation (améliorée) (AAA)

Au-delà des exigences minimales, ce critère impose des normes supplémentaires en matière de contraste et de taille pour les indicateurs de focalisation.

Ligne directrice 3.2 Prévisible

Cette ligne directrice vise à rendre l'affichage et le fonctionnement des pages web prévisibles.

3.2.6 Aide cohérente (A)

Qu'est-ce que l'aide cohérente ?
Cette ligne directrice préconise de placer systématiquement sur toutes les pages web des mécanismes d'aide, notamment des coordonnées humaines, des options d'auto-assistance et des mécanismes automatisés tels que les chatbots.

Pourquoi cette ligne directrice est-elle importante ?
Un placement cohérent de l'aide facilite l'accès des utilisateurs, en particulier des personnes handicapées, à l'aide tout au long de leur parcours.

Comment intégrer cette ligne directrice dans vos conceptions
Veiller à ce que les mécanismes d'aide soient placés de manière cohérente, facilement accessibles et suivent un modèle de conception uniforme sur toutes les pages.

Ligne directrice 3.3 Aide à la saisie

Ces lignes directrices aident les utilisateurs à éviter et à corriger les erreurs.

3.3.7 Entrée redondante (A)

Qu'est-ce qu'une entrée redondante ?
La saisie d'informations redondantes est déconseillée. Les informations fournies par l'utilisateur doivent être automatiquement complétées ou facilement accessibles lorsqu'elles sont requises à nouveau au cours de la même session.

Pourquoi cette ligne directrice est-elle importante ?
La réduction de la nécessité de saisir plusieurs fois des informations diminue l'effort cognitif et améliore l'expérience de l'utilisateur.

Comment intégrer cette ligne directrice dans vos conceptions
Mettre en œuvre des mécanismes permettant d'alimenter automatiquement les informations déjà saisies lorsque cela est nécessaire.

3.3.8 Authentification accessible (minimum) (AA)

Qu'est-ce que l'authentification accessible ?
Ce critère déconseille l'utilisation de puzzles ou de tests cognitifs (comme les CAPTCHA) pour la connexion. Ces tests peuvent représenter un défi pour les utilisateurs souffrant d'un handicap cognitif.

Pourquoi cette ligne directrice est-elle importante ?

L'authentification accessible permet aux personnes handicapées de participer pleinement aux activités en ligne. Elle élimine les obstacles qui peuvent empêcher les utilisateurs souffrant de déficiences visuelles, cognitives, motrices ou autres d'accéder aux services essentiels, d'effectuer des achats ou de participer à diverses interactions en ligne.

Comment intégrer cette ligne directrice dans vos conceptions
Concevoir des interactions de connexion sans recourir à des énigmes ou à des tests cognitifs.

3.3.9 Authentification accessible (améliorée) (AAA)

Ce critère de niveau AAA va plus loin en interdisant la reconnaissance d'objets ou d'images ou supports fournis par l'utilisateur au cours de la procédure de connexion.

Tout cela pour dire que...

En conclusion, les WCAG 2.2 apportent une série d'améliorations qui non seulement renforcent l'accessibilité, mais améliorent également l'expérience globale de l'utilisateur. En tant que concepteur, vous avez une occasion unique de rendre le web plus inclusif et plus convivial dès le départ. En adoptant ces changements, vous ne vous contentez pas de cocher des cases de conformité, mais vous travaillez activement à la création d'une expérience en ligne transparente et accessible à tous les utilisateurs.