Aller au contenu principal

Accessibilité

Statut​

Document de cadrage frontend — version initiale.

Vision​

DMV doit rester accessible à un public large, incluant des personnes peu à l'aise avec le numérique, des utilisateurs mobiles et des personnes avec besoins d'accessibilité.

L'accessibilité n'est pas un supplément esthétique. Elle conditionne l'utilité locale du produit.

État actuel visible​

Le code montre des éléments positifs :

  • langue française définie dans le layout public ;
  • alt sur plusieurs images ;
  • aria-label sur certains boutons ;
  • role="switch" et aria-checked dans le composant switch ;
  • labels de formulaire sur plusieurs pages ;
  • focus visible sur certains composants.

Le code montre aussi des points à revoir :

  • userScalable: false côté viewport public ;
  • suppression globale de certains outlines côté backoffice ;
  • caret-color: transparent global côté backoffice avec réactivation sur champs ;
  • user-select: none global côté public hors champs.

Ces points doivent être audités avant d'être considérés conformes.

Principes​

  • Conserver un zoom utilisateur possible.
  • Garder un focus visible.
  • Fournir des labels explicites.
  • Ne pas dépendre uniquement de la couleur.
  • Garantir des contrastes suffisants.
  • Prévoir des tailles tactiles adaptées.
  • Utiliser des liens et boutons sémantiques.
  • Respecter les préférences de mouvement réduit.

Checklist​

  • Navigation clavier possible.
  • Focus visible sur tous les éléments interactifs.
  • Textes alternatifs pertinents.
  • Labels sur formulaires.
  • Messages d'erreur reliés au champ quand possible.
  • États chargement et erreur annoncés clairement.
  • Contrastes vérifiés.
  • Zoom non bloqué.
  • Modales fermables et compréhensibles.

Accessibilité mobile​

Les interfaces mobiles doivent :

  • éviter les petites zones cliquables ;
  • éviter les gestes cachés sans alternative ;
  • garder les textes lisibles ;
  • préserver le zoom ;
  • limiter les overlays empilés ;
  • respecter les zones sûres.

Vision cible​

La cible est une accessibilité pragmatique :

  • composants UI accessibles par défaut ;
  • audits réguliers sur les parcours clés ;
  • corrections intégrées au design system ;
  • documentation des exceptions ;
  • tests manuels clavier et mobile.

Points à clarifier​

  • Niveau WCAG cible.
  • Processus d'audit accessibilité.
  • Composants prioritaires à corriger.
  • Politique de focus global.
  • Gestion du zoom et de la sélection texte.