Rapport de vérification WCAG 2.2 · Complet avec label

Rapport de vérification de l'accessibilité (complet)

Muster-Boutique · 23 juillet 2026 · Norme de vérification : WCAG 2.2 A/AA (base EN 301 549)

Site web vérifié : muster-boutique.ch

Statut du label : Pas encore attribué – Une fois les manquements listés ci-dessous corrigés et après le nouveau test gratuit, le label sera délivré.

60/100Score automatique

Résultat global

Votre site web est sur la bonne voie. Il subsiste quelques obstacles qu'il convient de corriger de manière ciblée – la section détaillée présente chacun avec son emplacement et sa solution.

2élevée (automatique)

1moyenne

0faible

7Occurrences (automatique)

Le score évalue uniquement l'analyse automatique. Il n'existe pas de système de points pour les critères vérifiés manuellement – ils sont listés et doivent être exempts de manquement pour l'obtention du label. Actuellement 5 manquement(s) constaté(s) manuellement (voir liste ci-dessous).

Vue d'ensemble

Pages vérifiées	3
Analyse automatique	3 règle(s) enfreinte(s) sur 7 emplacement(s)
Score automatique	60 / 100 (analyse automatique uniquement)
Critères vérifiés manuellement (WCAG 2.2 AA)	37 — 28 conforme, 4 n. a., 5 avec manquement
Liens rompus (remarque qualité)	1

À propos du score : Le score de 0 à 100 évalue exclusivement l'analyse automatique (gravité et nombre d'emplacements concernés ; modèle propre, sans valeur normative officielle). Pour les critères vérifiés manuellement, il n'existe pas de système de points – ils sont listés individuellement et doivent être exempts de manquement pour l'obtention du label (0 manquement).

3 pages de contenu ont été vérifiées – automatiquement et manuellement. Les fichiers intégrés (PDF/Office) et les contenus de fournisseurs tiers ne sont pas vérifiés.

Remarque importante : Ce rapport constitue une vérification technique selon WCAG 2.2 (niveau AA) / EN 301 549 ; il ne constitue ni un conseil juridique, ni une certification officielle, ni une preuve complète de conformité. Seuls les critères et les pages listés sont vérifiés ; un rapport positif ne garantit pas la conformité légale. Pour une évaluation juridiquement contraignante, veuillez vous adresser à un organisme spécialisé reconnu.

Une analyse automatique couvre les critères testables par machine (notamment le contraste des couleurs, les libellés, les titres de page) ; le contrôle manuel couvre les points qu'une machine ne peut pas détecter (notamment la navigation au clavier, le focus, les messages d'erreur).

À propos des numéros : « WCAG 2.2 » est la version de la norme. Des nombres comme 1.1.1, 2.4.7 ou 4.1.3 désignent les différents critères de succès qu'elle contient – ce ne sont pas des numéros de version. Le premier chiffre correspond à l'un des quatre principes : 1 Perceptible, 2 Utilisable, 3 Compréhensible, 4 Robuste.

Manquements constatés (8)

Chaque encadré correspond à une tâche : en haut, le problème et son importance ; en dessous, les emplacements concernés et la solution. Lorsqu'un point n'indique que des exemples d'emplacements, la cause est la même partout – une correction centralisée (modèle/thème) suffit à tous les résoudre. La liste complète des emplacements est jointe en CSV pour votre webmaster.

Focus visible

priorité élevée

Le problème : Toute personne naviguant au clavier doit voir où elle se trouve. Un contour de focus supprimé rend la page inutilisable.

Emplacements concernés : 3 · WCAG : 2.4.7 · Type de vérification : Vérification manuelle

Constaté sur : 3 pages — / /produkte /kontakt

Constat concret : Auf allen Seiten ist der Tastatur-Fokus unsichtbar (outline:none im Stylesheet).

Comment corriger cela : Garantir un indicateur de focus clairement visible (contour ou bordure avec un bon contraste) ; ne pas supprimer le focus par défaut via CSS.

Avant*:focus { outline: none; }

Après

:focus-visible {
  outline: 2px solid #1a5276;
  outline-offset: 2px;
}

Images sans texte alternatif

priorité élevée

Le problème : Les images de produits n'ont pas de texte descriptif associé. Les clientes et clients aveugles ou malvoyants qui utilisent un lecteur d'écran ne savent donc pas ce qu'il y a sur l'image.

Emplacements concernés : 3 · WCAG : 1.1.1 · Type de vérification : Analyse automatique

Constaté sur : 2 pages — /produkte /

Constat concret :<img src="/p/sommerkleid.jpg" class="pimg"><img src="/p/tasche.jpg" class="pimg">

Comment corriger cela : Entrez un court texte alternatif pour chaque image dans le système de boutique, décrivant le contenu de l'image (par ex. « Bouteille à boire bleue 750 ml »). Les images purement décoratives doivent être marquées comme telles.

Avant<img src="produkt.jpg">

Après<img src="produkt.jpg" alt="Trinkflasche, 750 ml">

Référence de la règle : image-alt

Liens sans texte explicite

priorité élevée

Le problème : Les liens n'ont que du texte générique comme « Ici », « Clique-moi » ou « Plus ». Les utilisateurs de lecteurs d'écran ou ayant des limitations motrices ne comprennent pas où le lien mène ou ne peuvent pas le sélectionner facilement.

Emplacements concernés : 2 · WCAG : 2.4.4, 4.1.2 · Type de vérification : Analyse automatique

Constaté sur : 1 page — /

Constat concret :<a href="/agb">hier</a><a href="/produkte">mehr</a>

Comment corriger cela : Nommez tous les liens avec des textes parlants (par ex. au lieu de « Plus », plutôt « Lire la déclaration de confidentialité »). Le texte du lien doit aussi être compréhensible isolément.

Avant<a href="/x"><img src="icon.png"></a>

Après

<a href="/x" aria-label="Home">
  <img src="icon.png" alt="Home">
</a>

Référence de la règle : link-name

Utilisation au clavier

priorité élevée

Le problème : De nombreuses personnes ayant des limitations motrices ou utilisant un lecteur d'écran n'utilisent pas de souris. Ce qui n'est accessible qu'à la souris leur est fermé.

Emplacements concernés : 1 · WCAG : 2.1.1/2.1.4 · Type de vérification : Vérification manuelle

Constaté sur : 1 page — /produkte

Constat concret : Filter „Grösse / Farbe“ öffnet sich nur per Mausklick; per Tab/Enter nicht erreichbar.

Comment corriger cela : Rendre toutes les fonctions (menu, filtres, panier, caisse) accessibles et utilisables via Tab/Entrée/touches fléchées. Doter les widgets personnalisés d'une prise en charge du clavier.

Avant

<div class="filter"
  onclick="open()">Size</div>

Après

<button type="button" class="filter">
  Size
</button>

Messages d'erreur clairs

priorité élevée

Le problème : Si une erreur de formulaire n'est signalée qu'en rouge, les utilisateurs aveugles ne savent pas ce qui ne va pas – la commande échoue.

Emplacements concernés : 1 · WCAG : 3.3.1/3.3.3 · Type de vérification : Vérification manuelle

Constaté sur : 1 page — /kontakt

Constat concret : Pflichtfelder werden bei Fehleingabe nur rot umrandet, ohne Text.

Comment corriger cela : Décrire l'erreur sous forme de texte, l'associer au champ concerné et donner une indication concrète de correction (pas seulement la couleur).

Avant<input class="is-error">

Après

<input aria-invalid="true"
  aria-describedby="e-mail">
<span id="e-mail">Enter a valid
  e-mail address</span>

Les messages d'état sont annoncés

priorité élevée

Le problème : Des messages comme « Ajouté au panier » n'apparaissent souvent que visuellement. Les utilisateurs de lecteur d'écran ne les remarquent pas et sont désorientés.

Emplacements concernés : 1 · WCAG : 4.1.3 · Type de vérification : Vérification manuelle

Constaté sur : 1 page — /produkte

Constat concret : Nach dem Klick erscheint kurz ein grüner Hinweis, der vom Screenreader nicht vorgelesen wird.

Comment corriger cela : Diffuser les messages d'état, de succès ou d'erreur dans une région aria-live, afin que le lecteur d'écran les annonce automatiquement.

Avant<div class="toast">Added to cart</div>

Après

<div class="toast" role="status"
  aria-live="polite">Added to cart</div>

Contenus affichés au survol/focus

priorité moyenne

Le problème : Les menus déroulants et infobulles qui disparaissent immédiatement ou ne peuvent pas être fermés bloquent les utilisateurs de zoom ou de clavier.

Emplacements concernés : 2 · WCAG : 1.4.13 · Type de vérification : Vérification manuelle

Constaté sur : 2 pages — / /produkte

Constat concret : Das Aufklapp-Menü schliesst, sobald die Maus den Rand berührt; mit Vergrösserung nicht bedienbar.

Comment corriger cela : Les contenus affichés au survol ou au focus doivent rester utilisables (la souris doit pouvoir s'y déplacer), pouvoir être fermés avec Échap et ne doivent pas masquer durablement le contenu.

Avant

.menu:hover .sub {
  display: block;
}

Après

.menu:hover .sub,
.menu:focus-within .sub {
  display: block;  /* + Esc closes */
}

En-têtes dans le mauvais ordre

priorité moyenne

Le problème : Les en-têtes sautent des niveaux (par ex. H1 directement à H3). Les utilisateurs de lecteur d'écran ne comprennent pas la structure et ne peuvent pas naviguer efficacement. La page paraît désorganisée.

Emplacements concernés : 2 · WCAG : Best Practice · Type de vérification : Analyse automatique

Constaté sur : 2 pages — / /kontakt

Constat concret :<h3>Neu eingetroffen</h3><h4>Öffnungszeiten</h4>

Comment corriger cela : Corrigez la hiérarchie des en-têtes : H1 (titre de page), puis H2, H3, etc. sans sauts. Définissez les balises de manière cohérente dans l'éditeur ou le HTML.

Avant

<h1>…</h1>
<h4>…</h4>

Après

<h1>…</h1>
<h2>…</h2>

Référence de la règle : heading-order

Points vérifiés sans réserve (32)

Ces critères ont été vérifiés – automatiquement et manuellement – et sont conformes. « n. a. » (non applicable) signifie que cette caractéristique n'existe pas sur votre site web ; il n'y a donc rien à vérifier – la raison est indiquée à chaque fois.

Perceptible

✓ Textes alternatifs pour les images Critère 1.1.1 conforme

✓ Structure des titres Critère 1.3.1 conforme

✓ Ordre de lecture cohérent Critère 1.3.2 conforme

✓ Ne pas se limiter à des indices sensoriels Critère 1.3.3 conforme

✓ Information non fondée uniquement sur la couleur Critère 1.4.1 conforme

✓ Zoom et adaptation jusqu'à 400 % Critère 1.4.10 conforme

– Sous-titres et audiodescription Critère 1.2.1–1.2.5Keine Audio- oder Video-Inhalte auf der Website. n. a.

✓ Contraste des éléments de commande et des graphiques Critère 1.4.11 conforme

✓ Texte agrandissable jusqu'à 200 % Critère 1.4.4 conforme

✓ Espacements du texte modifiables Critère 1.4.12 conforme

✓ Pas de texte dans les images Critère 1.4.5 conforme

✓ Finalité de la saisie identifiable (remplissage automatique) Critère 1.3.5 conforme

✓ Utilisable en mode portrait et paysage Critère 1.3.4 conforme

Utilisable

✓ Aucun piège au clavier Critère 2.1.2 conforme

✓ Lien d'évitement vers le contenu Critère 2.4.1 conforme

✓ Ordre de focus logique Critère 2.4.3 conforme

✓ Destination du lien identifiable Critère 2.4.4 conforme

✓ Focus non masqué Critère 2.4.11 conforme

– Alternative aux gestes de glissement Critère 2.5.7Keine Zieh-/Schiebe-Bedienung (z. B. Slider) vorhanden. n. a.

✓ Cibles de clic suffisamment grandes Critère 2.5.8 conforme

✓ Plusieurs façons d'atteindre un contenu Critère 2.4.5 conforme

✓ Nom visible = nom lu par synthèse vocale Critère 2.5.3 conforme

✓ Délais et contenus animés Critère 2.2.1/2.2.2/2.3.1/1.4.2 conforme

✓ Titres et libellés explicites Critère 2.4.6 conforme

✓ Commande par pointeur : gestes, annulation, mouvement Critère 2.5.1/2.5.2/2.5.4 conforme

Compréhensible

✓ Aucun changement inattendu Critère 3.2.1/3.2.2 conforme

✓ Commande vérifiable avant validation Critère 3.3.4 conforme

– Connexion accessible Critère 3.3.8Kein Kundenkonto / keine Anmeldung – nur Gast-Bestellung. n. a.

– Langue des sections individuelles Critère 3.1.2Keine fremdsprachigen Abschnitte im Inhalt. n. a.

✓ Navigation et identification cohérentes Critère 3.2.3/3.2.4 conforme

✓ Pas de saisie redondante Critère 3.3.7 conforme

✓ Aide placée de façon cohérente Critère 3.2.6 conforme

Remarques techniques – liens rompus (1)

Ces liens ne mènent nulle part. Il ne s'agit pas d'un critère d'accessibilité et cela ne bloque pas l'obtention du label – mais c'est un défaut de qualité qu'il vaut la peine de corriger. (Les liens externes ne sont pas vérifiés.)

https://muster-boutique.ch/lookbook-2024

Statut 404

Lien vers : /

Comment obtenir le label

1. Corriger les manquements – en commençant par ceux de priorité élevée. Le fichier CSV joint répertorie chaque emplacement individuellement pour votre webmaster.

2. Lancer un nouveau test gratuit dans le portail. Nous contrôlons mensuellement les manquements vérifiables automatiquement, et une fois par an, lors du renouvellement, les points à évaluer manuellement.

3. Recevoir le label : Une fois tous les points réglés, nous délivrons le label « Vérifié selon WCAG 2.2 AA » (valable 12 mois) et vous l'intégrez à votre pied de page à l'aide d'un extrait de code prêt à l'emploi.

Une partie des recettes de chaque rapport de vérification soutient des organisations en faveur des personnes en situation de handicap.

Base : WCAG 2.2 (niveau AA) / EN 301 549. « Priorité élevée » concerne les fonctions qui empêchent totalement l'accès pour certains groupes d'utilisateurs. Ce rapport documente le résultat constaté à la date indiquée et ne constitue ni une certification officielle, ni une preuve complète de conformité.

Greenlight Check · greenlight-check.ch · Rapport de vérification selon WCAG 2.2 AA