POUR: Concevoir pour l'accessibilité en gardant à l'esprit la fonctionnalité

«POUR» est devenu le jargon courant pour les quatre grands principes (perceptible, exploitable, compris et robuste) de l'accessibilité du Web. Ces quatre lignes directrices essentielles créées par l'organisation W3C sont le guide pratique pour les équipes numériques de stratèges, concepteurs, développeurs, spécialistes du référencement et du contenu pour créer des expériences accessibles. Ces lignes directrices ont été créées pour que les consommateurs numériques utilisant des stratégies adaptatives telles que le dimensionnement des polices ou utilisant des technologies d'assistance (c'est-à-dire VoiceOver, Talkback, Narrator, NVDA ou JAW), ou s'appuyant principalement sur un clavier (par exemple tabulation et raccourcis), puissent accéder aux médias numériques comme les applications, les vidéos et les sites Web.

Dans mon article précédent nous avons appris que concevoir une technologie perceptible minimise ou élimine les obstacles aux expériences numériques dans les sites Web, les applications, les vidéos et d'autres formes de technologie afin que les utilisateurs puissent prendre dans l'information par les sens auditifs, visuels et tactiles. En d'autres termes, concevoir un «multimodal » tire parti de l'utilisation de deux modes différents (vue et audition) pour traiter l'information, ce qui donne plus d'accès à plus de personnes. Nous allons maintenant couvrir le deuxième terme de POUR: Operable.

Pourquoi vos conceptions devraient être utilisables

Concevoir pour être utilisables signifie que les composants de l'interface utilisateur (UI) et la navigation sont idéalement programmés pour fonctionner indépendant de l'appareil qu'une personne utilise. Entre 18 et 26% de la population totale des États-Unis utilisent divers appareils pour accéder au contenu numérique, comme un clavier incurvé avec un bâton buccal, une technologie à commande vocale, des claviers alternatifs, des paramètres d'assistance pour mobile appareils et appareils de suivi oculaire. Parmi les appareils que tout le monde utilise, un clavier est l'un des plus importants. La conception avec un accès au clavier uniquement aborde un large éventail de types et de technologies de handicap, et c'est une directive de base des Web Content Accessibility Guidelines (WCAG).

How to Create Operable Experiences

Operable guidelines sont parmi les plus faciles à comprendre et à adopter car ils sont plus définitifs et moins subjectifs à mettre en œuvre pour les concepteurs et les développeurs. Par exemple, directive 2.1 exige que tous les composants d'interface utilisateur (UI) et la navigation soient accessibles au clavier (indépendamment d'une souris). En d'autres termes, les utilisateurs peuvent naviguer dans l'interface utilisateur avec une technologie activée par la voix comme un lecteur d'écran et interagir avec le contenu et les fonctionnalités, comme un formulaire, sans obstacles sur leur chemin.

Voici une brève description des cinq principaux domaines comprenant le principe opérationnel et les directives WCAG 2.0 et 2.1 pour leur mise en œuvre à un niveau élevé. Pour une liste détaillée de la façon de rendre les composants de l'interface utilisateur et la navigation utilisables visitez le site du W3C .

2.1 Rendre toutes les fonctionnalités disponibles à partir d'un Clavier

Exemples d'accessibilité au clavier:

• Toutes les fonctionnalités disponibles avec la souris sont également disponibles avec le clavier
• Le focus clavier n'est piégé dans aucune partie du contenu
• Navigateurs Web, outils de création et d'autres outils fournissent une prise en charge du clavier

2.2 Donner aux utilisateurs suffisamment de temps pour lire et utiliser le contenu

Certaines personnes prennent plus de temps pour lire, comprendre et agir sur le contenu, comme remplir un formulaire. Le fait de laisser suffisamment de temps permet aux utilisateurs de:

• Arrêter, prolonger ou ajuster les délais pour terminer une tâche, sauf lorsque cela est nécessaire
• Mettre en pause, arrêter ou masquer le contenu en mouvement, clignotant ou défilant
• Reporter ou supprimer les interruptions, sauf lorsque cela est nécessaire
• Ré-authentifier lorsqu'une session expire sans perdre de données

2.3 Ne pas concevoir le contenu d'une manière connue pour provoquer des saisies et des réactions physiques

Certains contenus interactifs qui clignotent à certains rythmes ou modèles peuvent provoquer des réactions photosensibles. Les animations ou le contenu en mouvement peuvent être difficiles à utiliser pour certaines personnes. Voici quelques exemples pour éviter de provoquer des crises et des réactions physiques:

• Évitez d'inclure du contenu qui clignote à des rythmes et des modèles particuliers
• Avertissez les utilisateurs avant de présenter un contenu clignotant et proposez des alternatives
• Fournissez des mécanismes pour désactiver les animations, sauf si ils sont essentiels

2.4 Fournir des moyens pour aider les utilisateurs à naviguer, trouver du contenu et savoir où ils se trouvent

Une architecture de l'information bien formée aide chacun à trouver ce qu'il veut et à accomplir ses tâches, qu'une personne voit le contenu, entende ou les deux. Ces six directives facilitent la navigation dans les interfaces utilisateur:

• Les pages ont des titres clairs et sont organisées en utilisant des en-têtes de section descriptifs
• Il existe plusieurs façons de trouver des pages pertinentes dans un ensemble de pages Web
• Les utilisateurs sont informés à propos de leur emplacement actuel dans un ensemble de pages associées
• Il existe des moyens de contourner des blocs de contenu qui sont répétés sur plusieurs pages
• Le focus clavier est visible et l'ordre de focus suit une séquence significative
• Le but de un lien est évident, idéalement même lorsque le lien est visualisé seul

2.5 Faciliter l'utilisation des fonctionnalités par les utilisateurs grâce à diverses entrées au-delà du clavier

Maintenant que nous avons d'autres modalités d'entrée à utiliser, comme le toucher, la reconnaissance vocale (saisie vocale) et gestes, un clavier ne peut pas être utilisé pour accéder à un contenu numérique. Voici les principales lignes directrices pour maximiser ces modalités d'entrée:

• Fournir des alternatives pour les gestes qui nécessitent de la dextérité ou un mouvement fin
• Fournir une fonctionnalité d'annulation pour éviter d'activer accidentellement un composant
• Les étiquettes affichées aux utilisateurs correspondent aux noms d'objets correspondants dans le code ( prend en charge l'activation vocale)
• Les fonctionnalités activées par le mouvement peuvent également être activées via les composants de l'interface utilisateur
• Les composants actifs (par exemple, les boutons, les liens) sont suffisamment grands pour être plus faciles à activer au toucher

Now We Know Operable, So What

La conception de l'opérabilité est en grande partie sur les différents appareils que chacun utilise pour accéder et utiliser le contenu numérique, et elle garantit que le contenu est accessible sur une variété de types d'appareils et de modalités d'entrée. Pour plus d'informations sur la façon de rendre votre conception opérationnelle à votre public, contactez nos experts en conception d'expérience . Consultez notre Accessibility IQ aujourd'hui, restez à l'écoute pour le prochain épisode pour discuter du prochain principe de POUR: «Compréhensible», et en savoir plus sur les éléments de la conception Web accessible à partir de notre UX for Accessible Design aujourd'hui.

À propos de l'auteur

Je suis Senior Manager User Insights & Researcher hors du bureau d'Atlanta.

Plus de cet auteur