Une nouvelle norme pour interagir avec le Web par clavier ou lecteur d'écran

Dans mon premier message, j'ai partagé des perspectives et bonnes pratiques sur la façon d'interagir avec le Web à l'aide d'un clavier ou d'un lecteur d'écran. Pour récapituler, ces deux appareils sont des formes de technologie utiles et robustes qui donnent aux utilisateurs Web la possibilité d'interagir avec et de naviguer vers du contenu qui leur serait autrement inaccessible. Nous allons maintenant parler de la suite et de la manière dont les consignes pour l'accessibilité du contenu Web 2.2 (WCAG 2.2) créeront une expérience utilisateur plus inclusive sur tous les appareils, logiciels et versions de navigateur.

Lecteurs de clavier et d'écran – Améliorations à venir avec WCAG 2.2 

Le W3C a récemment publié leur ébauche de (WCAG) par le Groupe de travail sur les directives d'accessibilité, avec recommandations clés pour rendre le contenu Web plus accessible. Selon le W3C, les utilisateurs bénéficieront grandement de ces directives améliorées : 

« Suivre ces directives rendra le contenu plus accessible à un plus large éventail de personnes handicapées, y compris des aménagements pour la cécité et la basse vision, la surdité et la perte auditive. , mouvements limités, troubles de la parole, photosensibilité et combinaisons de ceux-ci, et certains aménagements pour les troubles d'apprentissage et les limitations cognitives ; mais ne répondra pas à tous les besoins des utilisateurs pour les personnes handicapées. Ces directives traitent de l'accessibilité du contenu Web sur les ordinateurs de bureau, les ordinateurs portables, les tablettes et les appareils mobiles. Suivre ces directives rendra également souvent le contenu Web plus utilisable pour les utilisateurs en général. » 

Pour la perspective, WCAG 2.2 est construit sur des versions antérieures de WCAG 2.1 et 2.0 et ces versions sont construites à partir de la première version (WCAG 1.0 ) publié en mai 1999. Aujourd'hui, les WCAG 2.2 poursuivent la pratique d'améliorer les directives grâce à l'introduction de cas d'utilisation supplémentaires. Par exemple, WCAG 2.2 inclut une amélioration de la prise en charge des utilisateurs de petits appareils ou à écran tactile, ainsi que des utilisateurs malvoyants et des utilisateurs souffrant de troubles cognitifs, de langage et d'apprentissage.  

Il existe quatre Directives WCAG 2.2 y compris les critères de réussite connexes que vous souhaiterez éventuellement intégrer dans la conception et le développement de vos expériences utilisateur accessibles. Pour cet épisode, nous nous concentrerons sur « Navigable », y compris les critères de réussite de niveau minimum (AA), les critères de réussite de niveau amélioré (AAA) et les critères de réussite de niveau (A). Ces critères de réussite affectent une variété d'utilisateurs Web, des personnes ayant des problèmes de motricité à une faible sensibilité aux contrastes. En bref, ces consignes axées sur la navigation aident les utilisateurs Web à savoir où ils se trouvent lorsqu'ils parcourent une page Web.

Nouvelles améliorations à l'horizon avec WCAG 2.2 – « Navigation » 

La navigation est la façon dont nous interagissons avec le contenu et les composants Web la plupart du temps. WCAG 2.2 comprend des mises à jour clés d'un aspect de la navigation appelé « apparence de mise au point », un choix de conception essentiel pour aider les utilisateurs de clavier à naviguer à travers les pages Web et d'autres contenus interactifs. Lorsque les concepteurs négligent l'apparence du focus, il n'est pas évident pour les utilisateurs de clavier où ils se trouvent lorsqu'ils parcourent une page Web. D'après mon expérience et en parlant à d'autres collègues de conception accessibles, c'est un choix de conception souvent manqué. Et lorsqu'il est inclus, les couleurs et le traitement visuel sont inadéquats, ils n'ont pas l'exigence d'attirer l'attention pour attirer les utilisateurs vers le contenu ou les composants de l'interface utilisateur qui reçoivent le focus.

A Deep Dive into Guideline 2.4 Navigable Success Criteria 

Focus Appearance a « AA » (Minimum) Success Criteria 2.4.11 – Pour les utilisateurs de clavier, indiquez toujours clairement indication visuelle de l'endroit où ils se trouvent sur une page Web (alias « ordre de mise au point »). Pour répondre à ces critères de réussite, un indicateur visuel doit avoir un rapport de contraste des couleurs d'au moins 3:1 pour attirer l'attention d'un utilisateur. Par exemple, un champ de formulaire a un contour visible pour montrer ce sur quoi il se concentre lorsque l'utilisateur du clavier clique à l'intérieur.  

Ce sont les considérations clés de « mise au point » à garder à l'esprit :  

• Zone de contraste : Assez grande pour être vue (au minimum 1 pixel CSS contour épais).
• Forme :La zone d'une ligne épaisse de 4 pixels CSS le long du côté le plus court d'uncadre de délimitation minimal du composant non focalisé, et pas moins de 2 pixels CSS.
• Contraste adjacent : La zone de contraste a également un rapport de contraste d'au moins 3:1 par rapport aux couleurs adjacentes dans le composant focalisé, ou la zone de contraste a une épaisseur d'au moins 2 pixels CSS.

• Pas complètement masqué : L'élément sélectionné n'est pas entièrement masqué par le contenu créé par l'auteur. En d'autres termes, l'élément sur lequel on se concentre n'est pas recouvert par autre chose.  

L'apparence de la mise au point est un critère de réussite « AAA » (amélioré) 2.4.12 

Cela fournit des moyens d'aider les utilisateurs à naviguer, à trouver du contenu et à savoir où ils se trouvent. Ce critère a une plus grande rigueur : 

• Zone de contraste :Il existe une zone de l'indicateur de mise au point qui a un rapport de contraste d'au moins 4,5 : 1 entre les couleurs dans les États focalisés et non focalisés.
• Zone minimale :La zone de contraste est au moins le double de la surface d'un 1pixel CSSpérimètre du composant non focalisé.

• Non masqué :Aucune partie de l'indicateur de mise au point n'est masquée par le contenu créé par l'auteur.

Améliorer votre accessibilité Web avec WCAG 2.2 

Les directives WCAG 2.2 et les critères de réussite que nous avons abordés sur "Navigable" sont des choix de conception de bon sens à considérer maintenant, en particulier "AA" (Le minimum). Pour le prochain épisode, nous couvrirons des conseils WCAG 2.2 supplémentaires : 

• Critères de réussite 2.5 « Modalités d'entrée » (c. , Aide et contrôles) 
• Critères de réussite 3.3 « Assistance à la saisie » (c.-à-d. Authentification accessible et entrée redondante) 

Pour en savoir plus sur la création d'une stratégie de conception accessible pour votre entreprise, téléchargez notre guide, Expériences numériquement accessibles : pourquoi c'est important et comment les créeret lisez nos séries UX pour la conception accessible et UpSkills séries. Pour commencer à améliorer votre accessibilité numérique, contactez nos experts à propos de notre QI d'accessibilité dès aujourd'hui.  

À propos de l'auteur

Je suis Senior Manager User Insights & Research au bureau d'Atlanta.

En savoir plus sur cet auteur