Voir comment ça fonctionne

Un parcours réel de SiteNorma avec un site de démonstration : vous analysez, comprenez un problème, appliquez la correction et vérifiez le résultat. Sans inscription, et avec les écrans de la plateforme.

Le site de démonstration

Exemple d’analyse dans SiteNorma

Site de démonstration
Zapatillas Norte (fictif)
Date de l’analyse

Captures du tableau de bord SiteNorma réel avec un site de démonstration créé pour cet exemple. Les données du site sont illustratives et ne proviennent d’aucun client.

  1. Analysez votre site

    Voyez les problèmes trouvés et localisez les pages concernées.

    SiteNorma analyse les pages du site sur ordinateur et sur mobile. Dans cet exemple, il parcourt 4 pages et trouve 3 problèmes d’accessibilité répartis sur 3 d’entre elles : la page d’accueil, la page des livraisons et la page des chaussures. Chaque page apparaît avec sa capture et son nombre de problèmes.

    Vue d’ensemble : le résumé de l’analyse et les pages analysées. Agrandir la capture
    Détail : les chiffres de l’analyse et les premières pages, chacune avec son nombre de problèmes. Agrandir la capture

  2. Priorisez et corrigez

    Comprenez quoi revoir en premier et voyez une solution proposée à appliquer sur votre site.

    Les trois problèmes de l’exemple ont une priorité haute ; le tableau de bord ordonne la liste par priorité et selon le nombre d’éléments et de pages concernés. Ici, nous suivons un seul problème : la bannière de soldes sur la page d’accueil est une image qui porte une information (la réduction) et n’a pas de texte alternatif, de sorte qu’un lecteur d’écran ne peut pas dire ce qu’elle montre. SiteNorma la marque sur la capture de la page et propose les étapes pour la corriger.

    SiteNorma ne modifie pas votre site. La proposition est un guide : vous ou votre équipe appliquez le changement sur le site, puis vous relancez l’analyse.

    Vue d’ensemble : l’élément concerné marqué sur la capture de la page, avec la solution à côté. Agrandir la capture
    Détail : le problème, l’élément concerné et les étapes de la solution. Agrandir la capture
    Avant (l’image n’a pas de texte alternatif)
    <img class="banner" src="/img/rebajas.svg"
     width="1040" height="300">
    Après (avec la proposition appliquée)
    <img class="banner" src="/img/rebajas.svg"
     width="1040" height="300"
     alt="Rebajas de otoño: 20 % de descuento en
          zapatillas de running hasta el 31 de octubre">

    Un exemple de la proposition, appliquée sur le site de démonstration. Le texte alternatif décrit l’information que fournit la bannière.

  3. Revoyez et vérifiez

    Vérifiez la correction et relancez l’analyse pour voir si le problème apparaît encore.

    L’équipe ajoute le texte alternatif sur le site et marque la correction comme appliquée : cela ne la rend pas encore résolue. Puis elle demande une vérification de cette page. Si l’analyse ne détecte plus l’image sans texte alternatif, le suivi l’affiche comme « Non détecté lors de la dernière vérification ».

    Ce que cela signifie et ce que cela ne signifie pas. La vérification n’a passé en revue que la page corrigée : les deux autres problèmes de l’exemple (texte à faible contraste et champ sans libellé) restent en attente. Et un problème qui n’est plus détecté ne signifie pas que le site est entièrement accessible : la vérification automatique doit être complétée par une revue manuelle.

    Vue d’ensemble : le suivi de la correction, après la vérification. Agrandir la capture
    Détail : l’état du travail et le résultat de la vérification. Agrandir la capture

Limites de cette démonstration

  • C’est un exemple avec un site fictif : ce n’est pas l’analyse de votre site ni une évaluation de votre situation.
  • L’analyse automatique identifie une partie des obstacles d’accessibilité. La vérification automatique doit être complétée par une revue manuelle.
  • Un problème qui n’est plus détecté ne signifie pas que le site est entièrement accessible : seulement que cette vérification ne le trouve plus.

C’est une démonstration, pas votre analyse

Si vous saisissez l’adresse de votre site dans le formulaire, une analyse distincte démarre, indépendante de cet exemple et de ses données.

Une page · Ordinateur et mobile · Sans inscription

En savoir plus