Verificato il 31/08/2026 · https://www.spiegel.de/
1 barriera critica · inoltre 4 da verificare.
Come si ottiene il punteggio? (100 punti di partenza)
| {n} pulsante/i senza nome nell'HTML | -18 |
| {n} campo/i modulo senza etichetta riconoscibile | -7 |
| {n} link senza nome riconoscibile nell'HTML | -7 |
| Nessuna intestazione <h1> nell'HTML fornito | -7 |
| {n} regola{nPlural} CSS con contrasto del testo forse insufficiente | -7 |
| Risultato | 54 / 100 |
Percepibile
{n} campo/i modulo senza etichetta riconoscibile
Verifica se esiste un aria-label impostato via JavaScript.
input, select, textarea
Ecco cosa dovresti fare: Collegare ogni campo a un elemento <label for> oppure impostare aria-label / aria-labelledby. Un solo placeholder non basta.
{n} regola{nPlural} CSS con contrasto del testo forse insufficiente
Richiesto: 4,5:1 (normale) o 3:1 (testo grande). In caso di «sfondo di pagina presunto», lo sfondo reale non è stato determinato con certezza — nel dubbio, verificare nel browser. Trovato tra l'altro: {examples}
.text-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-base
Ecco cosa dovresti fare: Scurire il colore del testo o schiarire lo sfondo fino a raggiungere il valore minimo corrispondente. Non usare mai il colore come unico mezzo di distinzione.
Utilizzabile
{n} pulsante/i senza nome nell'HTML
I pulsanti senza testo e senza aria-label sono muti per gli screen reader — a meno che il nome non sia impostato via JavaScript.
button
Ecco cosa dovresti fare: Aggiungere il testo del pulsante o impostare aria-label.
{n} link senza nome riconoscibile nell'HTML
Link vuoti o costituiti solo da un'icona/immagine senza alt. Un aria-label impostato via JavaScript non viene riconosciuto qui.
a
Ecco cosa dovresti fare: Aggiungere un testo di link visibile oppure, per i link con icona, usare aria-label o un'immagine con alt.
Nessuna intestazione <h1> nell'HTML fornito
Ogni pagina dovrebbe iniziare con esattamente un h1. Nelle pagine costruite con JavaScript l'h1 può comparire solo nel browser — in tal caso verificare nel DOM renderizzato.
body
Ecco cosa dovresti fare: Inserire un <h1> significativo come prima intestazione (possibilmente già lato server).
Già risolto correttamente
- Textalternativen: keine automatisch erkennbaren Probleme
- Link di salto al contenuto presente
- Punto di riferimento <main> presente
Prossimi passi
- {n} pulsante/i senza nome nell'HTML. Aggiungere il testo del pulsante o impostare aria-label.
- {n} campo/i modulo senza etichetta riconoscibile. Collegare ogni campo a un elemento <label for> oppure impostare aria-label / aria-labelledby. Un solo placeholder non basta.
- {n} link senza nome riconoscibile nell'HTML. Aggiungere un testo di link visibile oppure, per i link con icona, usare aria-label o un'immagine con alt.
- Nessuna intestazione <h1> nell'HTML fornito. Inserire un <h1> significativo come prima intestazione (possibilmente già lato server).
- {n} regola{nPlural} CSS con contrasto del testo forse insufficiente. Scurire il colore del testo o schiarire lo sfondo fino a raggiungere il valore minimo corrispondente. Non usare mai il colore come unico mezzo di distinzione.
Nuova scansione settimanale, con rendering JS, e-mail per nuove barriere — presto disponibile.
Crea una dichiarazione di accessibilità →
Metodo & limiti
Il 31/08/2026 è stato verificato l'HTML che www.spiegel.de fornisce al primo accesso senza login, più fino a quattro file CSS collegati dello stesso dominio. Verificati: contrasto dei colori (dal CSS), alternative testuali, etichettatura dei moduli, nomi degli elementi di controllo, struttura delle intestazioni, titolo e lingua della pagina, blocco dello zoom, id duplicati, valori tabindex positivi, punti di riferimento.
Non verificati: tutto ciò che è generato via JavaScript, l'usabilità da tastiera, la visibilità del focus, l'ordine di focus, l'annuncio degli screen reader, i contenuti dietro login, le sottopagine. Il test automatico rileva circa il 20–35 % delle violazioni WCAG — il resto richiede un audit manuale. Istantanea, non un giudizio legale.
I widget overlay (pulsanti di accessibilità che cambiano contrasto o carattere) non rendono un sito conforme: le barriere rilevate vanno corrette nel codice sorgente. Perché gli overlay non aiutano