Accessibilité

Un site que certains visiteurs ne peuvent pas utiliser est un site qui refuse des clients en silence. Nous faisons du niveau AA des WCAG 2.2 le socle d'ingénierie de chaque projet, et nous le vérifions par la mesure plutôt que de l'affirmer dans une plaquette.

Pourquoi

Trois raisons, toutes pratiques

C'est de plus en plus la loi

La réglementation sur l'accessibilité ne cesse de s'étendre : règles du secteur public, législation sur le handicap appliquée au web, exigences de consommation sur un nombre croissant de marchés. Nous sommes des ingénieurs, pas des juristes, et nous ne donnons pas de conseil juridique. Ce que nous pouvons dire simplement : un site construit et vérifié selon les WCAG 2.2 AA s'appuie sur le référentiel que ces régimes citent, et un site qui l'ignore porte un risque que vous n'avez pas budgété.

Elle recoupe le fait d'être trouvé

La structure qui sert un lecteur d'écran sert aussi un robot d'indexation : de vrais titres dans l'ordre, des champs étiquetés, des textes descriptifs sur les images, des liens qui disent où ils mènent. Le travail d'accessibilité et le travail de référencement se renforcent mutuellement, et c'est pourquoi nous les traitons comme une seule discipline plutôt que deux factures.

C'est un signal de qualité que les acheteurs ressentent

Un contraste confortable, des zones tactiles généreuses, une page qui se parcourt au clavier, un mouvement qui respecte vos réglages : les visiteurs nomment rarement ces choses, mais ils les ressentent comme du soin. Leur absence se lit comme de la négligence, précisément sur la page où vous demandez qu'on vous fasse confiance.

En pratique

Ce que signifie le niveau AA sur une vraie page

Le référentiel semble abstrait tant qu'il n'est pas appliqué. Voici ce qu'il signifie concrètement dans chaque site que nous livrons.

  • Le contraste dans les deux thèmes de couleur. Les couleurs du texte et de l'interface sont vérifiées contre les arrière-plans sur lesquels elles reposent réellement, aussi strictement en sombre qu'en clair. Le thème sombre est conçu en parallèle du clair, jamais inversé à la fin.
  • Tout le site fonctionne au clavier. Un lien d'évitement comme premier arrêt, un anneau de focus visible sur chaque élément interactif, et un ordre de tabulation qui suit l'ordre de lecture de la page.
  • Des cibles confortables. Chaque lien et chaque bouton dépasse la taille de cible minimale à chaque taille d'écran, si bien qu'un doigt sur un téléphone touche ce qu'il visait.
  • Un mouvement qui demande la permission. Tout ce qui s'anime est désactivé pour un visiteur dont le système demande une réduction des animations, et un état statique réfléchi s'affiche à la place.
  • La sémantique porte la structure. Des repères de structure, un seul titre principal, des niveaux de titre dans l'ordre, des champs de formulaire étiquetés, et un texte alternatif descriptif sur chaque image porteuse de sens.
  • Des formulaires qui échouent utilement. Les champs obligatoires sont signalés, les erreurs sont annoncées par du texte et non par la couleur seule, et un envoi rejeté reçoit une explication honnête plutôt qu'un abandon silencieux.
  • Un texte qui tient sous le zoom. La mise en page se réorganise quand un visiteur agrandit le texte, sans colonnes coupées ni défilement latéral.

Vérification

Vérifié page par page, taille par taille, thème par thème

01

Un audit automatisé qui conditionne le déploiement

Chaque page compilée est auditée selon les WCAG 2.2 AA aux largeurs mobile, tablette et ordinateur, dans les thèmes clair et sombre, à chaque modification. Une violation ne produit pas un rapport que quelqu'un lira peut-être ; elle fait échouer la compilation, et une compilation en échec ne peut pas se déployer. Les régressions d'accessibilité sont interceptées avant qu'un visiteur puisse les rencontrer.

02

De la mesure, pas de l'estimation à l'œil

Les ratios de contraste sont calculés, les tailles de cible mesurées en pixels, l'ordre des titres analysé, et les mêmes vérifications s'exécutent sur chaque version linguistique de chaque page. Ce qu'une liste de contrôle affirme, la suite de tests le prouve.

03

Les mains au clavier, aussi

Les vérifications automatisées attrapent beaucoup de choses, mais pas tout. Avant la mise en ligne, nous parcourons aussi le site comme le ferait un visiteur avec des besoins d'accès réels : navigation entièrement au clavier, lecture à des tailles de texte agrandies, et passage des formulaires en gardant à l'esprit les annonces du lecteur d'écran.

Intégré

Intégré dès la palette, jamais rattrapé

Rattraper l'accessibilité est la façon coûteuse de l'obtenir : recolorer une palette de marque qui n'a jamais atteint le contraste requis, reconstruire des composants incapables de recevoir le focus, réécrire des pages dont les titres étaient de la décoration. Nous prenons le chemin inverse. Le système de design est vérifié pour le contraste dans les deux thèmes avant qu'une seule page ne soit composée, les composants interactifs sont construits clavier d'abord, et l'audit s'exécute dès le premier déploiement du projet, pas au dernier. Au lancement, l'accessibilité n'est pas une tâche sur une liste ; c'est une propriété du code que les tests maintiennent vraie.

Démarrer un projet de site web [email protected]

Posez-nous vos questions sur le référentiel, ou demandez-nous d'examiner votre site actuel. Écrivez-nous via le formulaire de contact ou à [email protected].