Accessibilité

Des expériences ouvertes à tout le monde.

En pratique

Objectif du guideWCAG 2.2 AA
Contraste du texte courant
4.5:1
Contraste des grands textes
3:1

Un contraste lisible

Vérifier les associations de couleurs pour chaque mode d’affichage et chaque état.

Un parcours au clavier

Rendre chaque action atteignable au clavier et toujours signaler la position du focus.

Plus qu’une couleur

Accompagner les états d’une icône, d’un libellé ou d’un autre repère compréhensible.

Un mouvement adapté

Respecter la préférence de réduction des animations et conserver les informations essentielles.

Bonnes pratiques

L’accessibilité se travaille à chaque étape. Les vérifications automatisées doivent être complétées par des essais au clavier, au zoom et avec les technologies d’assistance.

  • Structurez les pages avec des titres et des régions explicites.
  • Rédigez des alternatives pertinentes pour les images informatives.
  • Signalez les erreurs à proximité de leur origine et expliquez comment les corriger.
  • Préservez le contenu et les actions sur les petites largeurs d’écran.

À retenir

L’objectif affiché décrit une cible de conception. Il ne constitue pas une déclaration de conformité du produit. Vérifiez le parcours complet dans son contexte réel.

Consultez les recommandations WCAG du W3C pour le référentiel détaillé.

IntroductionBien démarrer · Un langage commun pour mieux concevoir.Principes de designBien démarrer · Les convictions qui orientent nos choix.Voix et tonBien démarrer · Les mots aussi font partie de l’expérience.CouleursFondations · Une palette pensée pour donner du sens.TypographieFondations · Une hiérarchie claire, à chaque échelle.Espacement et mise en pageFondations · Du rythme et de l’espace pour le contenu.IconographieFondations · Des signes simples et reconnaissables.MouvementFondations · Des transitions qui aident à comprendre.AccessibilitéFondations · Des expériences ouvertes à tout le monde.BoutonsComposants · Des actions évidentes et bien hiérarchisées.Champs de saisieComposants · Accompagner chaque information saisie.NavigationComposants · Des repères pour trouver son chemin.