The Good Manager  >  Modules d'apprentissage

100 points à savoir sur…
Accessibilité numérique

100
points à savoir sur…
Retour au sommaire du module

Notion 53

Le deuxième principe des WCAG : Utilisable

Compétences ciblées

Découvrez le deuxième des principes POCR (Utilisable) et comment vous pouvez l'appliquer à votre contenu et votre conception web.

Le deuxième principe des WCAG est "utilisable".

Dans le contexte de l'accessibilité du Web, le terme "utilisable" est défini comme suit :

*Le contenu et la navigation doivent être accessibles aux utilisateurs et aux différents outils. Cela signifie que le projet numérique ne peut pas exiger de l'utilisateur une tâche qu'il ne peut pas accomplir.

Comment créer un site Web utilisable?

Rendez les pages Web accessibles au clavier.

De nombreux utilisateurs du Web n'utilisent pas de souris, comme ceux qui ont des limitations physiques, les utilisateurs malvoyants qui dépendent d'un logiciel de reconnaissance vocale et les utilisateurs souffrant de troubles spécifiques de l'apprentissage qui ont des difficultés avec la motricité fine.

L'accessibilité du clavier permet à ces utilisateurs de lire et d'utiliser toutes les parties d'un site Web.

Permettre l'accès au contenu avec des outils autres que le clavier.

Les outils qui facilitent l'accès au contenu sont appelés modalités d'entrée. Ils comprennent l'activation tactile, la reconnaissance vocale et l'utilisation de gestes pour faire fonctionner les pages. Toutefois, cette ligne directrice englobe également l'accès facilité à partir de téléphones mobiles et de tablettes.

Vous pouvez améliorer le fonctionnement de ces outils grâce à des techniques de conception adéquates, notamment en :

  • fournir des alternatives gestuelles à celles qui nécessitent une motricité et une dextérité fines.
  • faire en sorte que les boutons et les liens soient suffisamment grands pour être activés par le toucher.

Fixer des limites de temps généreuses pour l'utilisation du contenu.

Les utilisateurs ayant certaines difficultés, comme ceux souffrant de troubles spécifiques de l'apprentissage, peuvent avoir besoin de plus de temps que les autres pour taper du texte, comprendre des instructions et accomplir des tâches tout en naviguant sur des sites Web.

Les concepteurs de sites Web et les créateurs de contenu peuvent respecter cette directive en :

  • supprimant les limites de temps ou en permettant aux utilisateurs de les prolonger
  • permettant aux utilisateurs d'interrompre le défilement du contenu
  • sauvegardant les informations de l'utilisateur à l'expiration d'une session afin que les données ne soient pas perdues.

Évitez les contenus susceptibles de déclencher des crises d'épilepsie ou d'autres réactions physiques.

Cette directive fait référence à tout contenu clignotant ou à toute animation mobile. Vous pouvez éviter les risques de ce type de contenu si vous :

  • supprimez entièrement le contenu clignotant
  • n'utilisez un contenu clignotant que si les utilisateurs sont avertis de sa présence au préalable
  • permettez aux utilisateurs de fermer toute animation mobile

Simplifiez la recherche de contenu et la navigation dans les pages.

Ce principe garantit que les utilisateurs ne peuvent pas se perdre ou se tromper lorsqu'ils interagissent avec les pages Web. En pratique, vous pouvez y parvenir en

  • en donnant aux pages des titres et des en-têtes clairs
  • en offrant aux utilisateurs plusieurs moyens de trouver une page (par exemple, en incluant à la fois un menu et une fonction de recherche)
  • utiliser des "fils d'Ariane" dans la navigation (pour plus d'informations sur la conception des "fils d'Ariane", reportez-vous à la Notion 5 : Grain 32 de ce module).
  • permettre aux utilisateurs de sauter le contenu qui est répétitif ou qui n'est pas essentiel à l'objectif visé
  • faire en sorte que l'objectif des liens soit clair grâce à un formatage approprié.

Découvrez ci-dessous les deux exemples illustrant une mauvaise et une bonne opérabilité !

All media on this site are described by the text nearbyAll media on this site are described by the text nearby

Description des images
Design ayant une mauvaise opérabilité VS Design ayant une bonne opérabilité