Un audit réel d'un site réel, le site d'une entreprise de taille moyenne, environ 100 pages. Nous avons seulement omis le nom. Tous les chiffres, constats et corrections proposées sont réels.
Violations du niveau de conformité WCAG AA ou erreurs fonctionnelles critiques (panier, paiement, formulaires). Le site enfreint directement la législation sur l'accessibilité.
Violations du niveau de conformité WCAG A ou problèmes d'utilisabilité/SEO. Le site fonctionne, mais ces points doivent être corrigés.
Aucune violation du niveau de conformité WCAG A ou AA – uniquement des problèmes mineurs ou cosmétiques et des recommandations.
Un grand nombre de constats n'est pas une catastrophe, c'est un inventaire. Ce qui compte, c'est la répartition par gravité et le fait que les 6 757 occurrences ne venaient ici que de 6 causes distinctes.
target-sizeLes personnes ayant un handicap moteur ou visuel et les utilisateurs tactiles atteignent difficilement une petite cible et font des erreurs. Agrandissez la zone cliquable avec du padding :
/* before */
<a href="tel:..." class="page-header--link">+33 1 00 00 00 00</a>
/* after */
<a href="tel:..." class="page-header--link"
style="padding:10px; display:inline-block;">+33 1 00 00 00 00</a>En pratique, nous recommandons de corriger via une classe CSS plutôt qu'un style inline, la suggestion illustre le principe.
label-title-onlySans <label> visible, un lecteur d'écran ne peut pas dire de façon fiable à quoi sert le champ. title et placeholder ne suffisent pas. Ajoutez une étiquette liée :
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionLes lecteurs d'écran ne peuvent pas naviguer ni ignorer de façon fiable le contenu situé hors des régions de repère. Comme il s'agit d'un élément de gabarit, encapsulez-le dans une seule région de repère :
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Une seule correction dans le gabarit supprime les ~6 400 occurrences — résolu par gabarit, pas par page.
Un grand nombre d'occurrences ne signifie pas des milliers de problèmes différents — il s'agit généralement de quelques causes répétées à travers les gabarits. Un audit se traite donc par gabarit et par cause, et non page par page : une seule correction de gabarit élimine toutes ses occurrences d'un coup.
Remarque sur l'échelle : le résumé ci-dessus classe les anomalies en 3 niveaux de risque (élevé / moyen / faible) selon l'impact sur la conformité, ce qui détermine aussi le prix. Le rapport ci-dessous les répartit en 4 niveaux techniques (critique / sérieux / modéré / mineur) selon la gravité du défaut évaluée par le moteur d'analyse. Deux vues des mêmes données, pas une incohérence.
Rapport PDF, les mêmes données prêtes à remettre à un avocat, à la direction ou à un régulateur : résumé, répartition par gravité et par règle, ordre de correction recommandé.
Déclaration d'accessibilité, générée au format de votre pays, avec les constats réels dans la section des contenus non accessibles.
Projet de déclaration, vérifiez l'exactitude de toutes les informations avant publication. Axively ne fournit pas de conseil juridique.
Chaque audit inclut un re-scan de vérification gratuit sous 30 jours. L'équipe corrige les modèles selon les suggestions, lance le re-scan et voit une comparaison avant et après directe sur la même visualisation.
paiement unique selon la taille du site, re-scan de vérification inclus