Rapporto di verifica WCAG 2.2 · Completo con sigillo

Rapporto di verifica sull'accessibilità (Completo)

Muster-Boutique · 23 luglio 2026 · Standard di verifica: WCAG 2.2 A/AA (base EN 301 549)

Sito web verificato: muster-boutique.ch

Stato del sigillo: Non ancora rilasciato – Dopo la correzione delle carenze elencate qui sotto e il nuovo test gratuito, il sigillo verrà rilasciato.

60/100Punteggio automatico

Risultato complessivo

Il Suo sito web è sulla buona strada. Restano alcune barriere che dovrebbero essere risolte in modo mirato – la sezione dettagliata mostra ciascuna con posizione e soluzione.

2alta (automatico)

1media

0bassa

7Punti (automatico)

Il punteggio valuta solo la scansione automatica. Per i criteri verificati manualmente non esiste un sistema a punti – vengono elencati e devono risultare privi di carenze ai fini del sigillo. Attualmente 5 carenza/e rilevata/e manualmente (vedere l'elenco qui sotto).

Panoramica generale

Pagine verificate	3
Scansione automatica	3 regola/e violata/e in 7 punto/i
Punteggio automatico	60 / 100 (solo scansione automatica)
Criteri verificati manualmente (WCAG 2.2 AA)	37 — 28 soddisfatto, 4 n. a., 5 con carenze
Link non funzionanti (indicazione di qualità)	1

Sul punteggio: il punteggio da 0 a 100 valuta esclusivamente la scansione automatica (gravità e numero dei punti interessati; modello proprio, non una norma ufficiale). Per i criteri verificati manualmente non esiste alcun sistema a punti – vengono elencati singolarmente e devono risultare privi di carenze ai fini del sigillo (0 carenze).

Sono state verificate 3 pagine di contenuto – in modo automatico e manuale. Non vengono verificati i file incorporati (PDF/Office) né i contenuti di altri fornitori.

Avviso importante: il presente rapporto è una verifica tecnica secondo WCAG 2.2 (livello AA) / EN 301 549 e non costituisce una consulenza legale, una certificazione ufficiale né una prova completa di conformità. Vengono verificati esclusivamente i criteri e le pagine elencati; un rapporto superato non garantisce la conformità legale. Per una valutazione giuridicamente vincolante, si rivolga a un ente specializzato riconosciuto.

Una scansione automatica copre i criteri verificabili in modo automatico (tra cui contrasto cromatico, etichette, titoli di pagina); il controllo manuale copre i punti che una macchina non può rilevare (tra cui utilizzo da tastiera, focus, messaggi di errore).

Sulla numerazione: «WCAG 2.2» è la versione dello standard. Numeri come 1.1.1, 2.4.7 o 4.1.3 sono i singoli criteri di successo al suo interno – non numeri di versione. La prima cifra rappresenta uno dei quattro principi: 1 Percepibile, 2 Utilizzabile, 3 Comprensibile, 4 Robusto.

Carenze riscontrate (8)

Ogni riquadro rappresenta un'attività: in alto il problema e perché è rilevante, sotto i punti riscontrati e la soluzione. Se un punto mostra solo esempi di punti riscontrati, la causa è ovunque la stessa – risolvendola una volta a livello centrale (modello/tema), tutti i casi sono risolti. L'elenco completo dei punti per il Suo webmaster è allegato in formato CSV.

Focus visibile

priorità alta

Il problema: Chi naviga con la tastiera deve poter vedere dove si trova. Un contorno del focus eliminato per motivi estetici rende la pagina inutilizzabile.

Punti interessati: 3 · WCAG: 2.4.7 · Tipo di verifica: Verifica manuale

Riscontrato su: 3 Pagine — / /produkte /kontakt

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

Come risolvere: Garantire un indicatore di focus chiaramente visibile (bordo/contorno con buon contrasto); non rimuovere il focus predefinito tramite CSS.

Prima*:focus { outline: none; }

Dopo

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

Immagini senza testo alternativo

priorità alta

Il problema: Le immagini dei prodotti non hanno un testo descrittivo. I clienti ciechi e ipovedenti che utilizzano uno screen reader non sanno cosa è raffigurato nell'immagine.

Punti interessati: 3 · WCAG: 1.1.1 · Tipo di verifica: Scansione automatica

Riscontrato su: 2 Pagine — /produkte /

Riscontro concreto:<img src="/p/sommerkleid.jpg" class="pimg"><img src="/p/tasche.jpg" class="pimg">

Come risolvere: Per ogni immagine nel sistema del negozio, inserire un breve testo alternativo che descriva il contenuto dell'immagine (ad es. 'Bottiglia d'acqua blu 750 ml'). Le immagini puramente decorative dovrebbero essere contrassegnate come decorative.

Prima<img src="produkt.jpg">

Dopo<img src="produkt.jpg" alt="Trinkflasche, 750 ml">

Riferimento alla regola: image-alt

Link senza testo significativo

priorità alta

Il problema: I link contengono solo testi generici come 'Qui', 'Clicca qui' o 'Altro'. Gli utenti con lettori di schermo o limitazioni motorie non capiscono dove porta il link o non riescono a selezionarlo.

Punti interessati: 2 · WCAG: 2.4.4, 4.1.2 · Tipo di verifica: Scansione automatica

Riscontrato su: 1 Pagina — /

Riscontro concreto:<a href="/agb">hier</a><a href="/produkte">mehr</a>

Come risolvere: Etichettare tutti i link con testi significativi (ad es. invece di 'Altro' preferibilmente 'Leggi l'informativa sulla privacy'). Il testo del link deve essere comprensibile anche isolatamente.

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

Dopo

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

Riferimento alla regola: link-name

Utilizzo tramite tastiera

priorità alta

Il problema: Molte persone con limitazioni motorie o che utilizzano uno screen reader non usano il mouse. Ciò che funziona solo con il mouse è per loro inaccessibile.

Punti interessati: 1 · WCAG: 2.1.1/2.1.4 · Tipo di verifica: Verifica manuale

Riscontrato su: 1 Pagina — /produkte

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

Come risolvere: Rendere tutte le funzioni (menu, filtri, carrello, cassa) raggiungibili e utilizzabili con Tab/Invio/tasti freccia. Dotare i widget personalizzati di supporto per la tastiera.

Prima

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

Dopo

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

Messaggi di errore chiari

priorità alta

Il problema: Se un errore nel modulo viene semplicemente contrassegnato in rosso, gli utenti non vedenti non sanno cosa è sbagliato – l'ordine non va a buon fine.

Punti interessati: 1 · WCAG: 3.3.1/3.3.3 · Tipo di verifica: Verifica manuale

Riscontrato su: 1 Pagina — /kontakt

Riscontro concreto: Pflichtfelder werden bei Fehleingabe nur rot umrandet, ohne Text.

Come risolvere: Indicare l'errore in forma testuale, associarlo al campo corrispondente e fornire un'indicazione concreta su come correggerlo (non solo tramite il colore).

Prima<input class="is-error">

Dopo

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

Messaggi di stato annunciati

priorità alta

Il problema: Messaggi come «Aggiunto al carrello» spesso compaiono solo visivamente. Gli utenti di screen reader non li notano e restano incerti.

Punti interessati: 1 · WCAG: 4.1.3 · Tipo di verifica: Verifica manuale

Riscontrato su: 1 Pagina — /produkte

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

Come risolvere: Emettere i messaggi di stato, di conferma e di errore come regione aria-live, in modo che lo screen reader li annunci automaticamente.

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

Dopo

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

Contenuti al passaggio del mouse/focus

priorità media

Il problema: Menu a comparsa e tooltip che scompaiono immediatamente o non possono essere chiusi escludono gli utenti che utilizzano l'ingrandimento o la tastiera.

Punti interessati: 2 · WCAG: 1.4.13 · Tipo di verifica: Verifica manuale

Riscontrato su: 2 Pagine — / /produkte

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

Come risolvere: I contenuti visualizzati al passaggio del mouse/focus devono restare utilizzabili (il mouse deve poter passare sopra), devono poter essere chiusi con Esc e non devono coprire permanentemente il contenuto.

Prima

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

Dopo

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

Titoli in ordine errato

priorità media

Il problema: I titoli saltano livelli (ad es. da H1 direttamente a H3). Gli utenti di screen reader non capiscono la struttura e non riescono a navigare in modo efficiente. La pagina appare disorganizzata.

Punti interessati: 2 · WCAG: Best Practice · Tipo di verifica: Scansione automatica

Riscontrato su: 2 Pagine — / /kontakt

Riscontro concreto:<h3>Neu eingetroffen</h3><h4>Öffnungszeiten</h4>

Come risolvere: Correggere la gerarchia dei titoli: H1 (titolo della pagina), quindi H2, H3 e così via senza salti. Impostare i tag in modo coerente nell'editor o nel codice HTML.

Prima

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

Dopo

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

Riferimento alla regola: heading-order

Punti verificati senza rilievi (32)

Questi criteri sono stati verificati – in modo automatico e manuale – e risultano conformi. «n. a.» (non applicabile) significa: questa caratteristica non è presente sul Suo sito web, pertanto non vi è nulla da verificare – il motivo è indicato di volta in volta a fianco.

Percepibile

✓ Testi alternativi per le immagini Criterio 1.1.1 soddisfatto

✓ Struttura dei titoli Criterio 1.3.1 soddisfatto

✓ Ordine di lettura coerente Criterio 1.3.2 soddisfatto

✓ Non solo indicazioni sensoriali Criterio 1.3.3 soddisfatto

✓ Informazioni non solo tramite il colore Criterio 1.4.1 soddisfatto

✓ Zoom e adattamento del layout fino al 400% Criterio 1.4.10 soddisfatto

– Sottotitoli e audiodescrizione Criterio 1.2.1–1.2.5Keine Audio- oder Video-Inhalte auf der Website. n. a.

✓ Contrasto degli elementi di comando e delle grafiche Criterio 1.4.11 soddisfatto

✓ Testo ingrandibile fino al 200% Criterio 1.4.4 soddisfatto

✓ Spaziature del testo adattabili Criterio 1.4.12 soddisfatto

✓ Nessun testo nelle immagini Criterio 1.4.5 soddisfatto

✓ Scopo del campo di inserimento riconoscibile (compilazione automatica) Criterio 1.3.5 soddisfatto

✓ Utilizzabile in orientamento verticale e orizzontale Criterio 1.3.4 soddisfatto

Utilizzabile

✓ Nessuna trappola per la tastiera Criterio 2.1.2 soddisfatto

✓ Link di salto al contenuto Criterio 2.4.1 soddisfatto

✓ Ordine logico del focus Criterio 2.4.3 soddisfatto

✓ Destinazione del link riconoscibile Criterio 2.4.4 soddisfatto

✓ Focus non coperto Criterio 2.4.11 soddisfatto

– Alternativa ai movimenti di trascinamento Criterio 2.5.7Keine Zieh-/Schiebe-Bedienung (z. B. Slider) vorhanden. n. a.

✓ Aree cliccabili sufficientemente grandi Criterio 2.5.8 soddisfatto

✓ Più modi per raggiungere l'obiettivo Criterio 2.4.5 soddisfatto

✓ Nome visibile = nome letto ad alta voce Criterio 2.5.3 soddisfatto

✓ Limiti di tempo e contenuti in movimento Criterio 2.2.1/2.2.2/2.3.1/1.4.2 soddisfatto

✓ Titoli ed etichette significativi Criterio 2.4.6 soddisfatto

✓ Utilizzo tramite puntatore: gesti, annullamento, movimento Criterio 2.5.1/2.5.2/2.5.4 soddisfatto

Comprensibile

✓ Nessun cambiamento imprevisto Criterio 3.2.1/3.2.2 soddisfatto

✓ Possibilità di verificare l'ordine prima dell'invio Criterio 3.3.4 soddisfatto

– Accesso accessibile Criterio 3.3.8Kein Kundenkonto / keine Anmeldung – nur Gast-Bestellung. n. a.

– Lingua delle singole sezioni Criterio 3.1.2Keine fremdsprachigen Abschnitte im Inhalt. n. a.

✓ Navigazione e denominazione coerenti Criterio 3.2.3/3.2.4 soddisfatto

✓ Nessun inserimento duplicato Criterio 3.3.7 soddisfatto

✓ Assistenza posizionata in modo coerente Criterio 3.2.6 soddisfatto

Indicazioni tecniche – link non funzionanti (1)

Questi link non portano ad alcuna destinazione. Questo non è un criterio di accessibilità e non blocca il sigillo, ma è una carenza di qualità che vale la pena correggere. (I link esterni non vengono verificati.)

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

Stato 404

Collegato a: /

Come ottenere il sigillo

1. Risolvere le carenze – iniziando da quelle con priorità alta. Il file CSV allegato con i punti riscontrati elenca ogni singolo punto per il Suo webmaster.

2. Avviare il nuovo test gratuito nel portale. Controlliamo mensilmente le carenze verificabili automaticamente, mentre i punti da valutare manualmente vengono controllati una volta l'anno al momento del rinnovo.

3. Ricezione del sigillo: una volta risolti tutti i punti, rilasciamo il sigillo « Verificato secondo WCAG 2.2 AA » (valido 12 mesi) e Lei lo integra nel footer del Suo sito con uno snippet già pronto.

Una parte dei proventi di ogni rapporto di verifica sostiene organizzazioni per persone con disabilità.

Base: WCAG 2.2 (livello AA) / EN 301 549. «Priorità alta» riguarda funzioni che per alcuni gruppi di utenti impediscono completamente l'accesso. Il presente rapporto documenta il risultato al momento indicato e non costituisce una certificazione ufficiale né una prova completa di conformità.

Greenlight Check · greenlight-check.ch · Rapporto di verifica secondo WCAG 2.2 AA