Disponible

Voyez chaque barrière en contexte et corrigez-la avec l’aide de l’IA

Une liste d’erreurs ne suffit pas pour les corriger. L’inspecteur vous montre où se trouve chaque problème, quel code le provoque et une correction proposée que vous décidez d’appliquer ou non.

L’inspecteur de page

  • Une capture de la page avec un cadre autour de chaque élément concerné, sur bureau et mobile.
  • Le code HTML de l’élément et son chemin exact dans la page (XPath), pour le retrouver dans votre modèle.
  • La bannière de cookies est fermée automatiquement pour qu’elle ne masque pas le contenu.
  • Nous conservons les captures des deux dernières analyses, pour comparer avant et après.

Ordre de focus dans l’inspecteur : Bientôt

Suggestions de l’IA

En un clic sur « Proposer une correction », l’IA suggère comment corriger le fragment de code concerné et explique pourquoi. Elle peut aussi proposer un texte alternatif pour une image avec « Proposer un texte alt ».

La suggestion s’affiche sous forme de diff entre le code actuel et le code proposé. Elle n’est jamais appliquée seule : vous l’examinez, l’adaptez et l’intégrez dans votre code.

L’IA est incluse dans les forfaits payants, sous réserve d’un usage raisonnable.

Exemple : un bouton sans nom

L’icône du panier n’a pas de texte, donc un lecteur d’écran annonce seulement « bouton ». Cela échoue au critère de succès 4.1.2 (Nom, rôle et valeur) et sa gravité est Critique.

Code actuel
<button class="carrito">
  <svg viewBox="0 0 24 24">…</svg>
</button>
Suggestion de l’IA
<button class="carrito" aria-label="Ver carrito">
  <svg viewBox="0 0 24 24" aria-hidden="true">…</svg>
</button>

L’explication qui accompagne la suggestion : « Ajoutez un nom accessible au bouton avec aria-label et masquez l’icône décorative aux lecteurs d’écran. Si le panier affiche le nombre d’articles, incluez-le dans le nom, par exemple ‘Ver carrito, 2 productos’ (‘Voir le panier, 2 articles’) ».

Une IA avec des limites claires

Nous utilisons l’IA comme assistant, pas comme pilote automatique.

Votre HTML est une entrée non fiable

Nous traitons le code de toute page comme un contenu non fiable. Nous rejetons les suggestions qui ajoutent des scripts, des gestionnaires d’événements ou de nouvelles URL.

Seulement le nécessaire

Nous envoyons au fournisseur d’IA le fragment de HTML public concerné et le contexte de la règle. Jamais les données de vos utilisateurs ni des mots de passe. Le fournisseur traite ces données dans le cadre d’un accord de traitement.

Vous avez le dernier mot

Un texte alternatif suggéré peut mal décrire l’image dans son contexte. Examinez-le toujours : c’est vous qui connaissez le contenu.

Si votre organisation a besoin que le traitement ait lieu dans l’Union européenne, écrivez-nous et nous l’étudierons avec vous.

Commencer avec SiteNorma

Créez votre compte et commencez à améliorer l’accessibilité de votre site. Le plan Gratuit inclut 10 pages analysées par mois, sans carte bancaire.