Verificato il 01/09/2026 · https://www.spiegel.de/
1 barriera critica · inoltre 4 da verificare.
Come si ottiene il punteggio? (100 punti di partenza)
| 21 pulsante/i senza nome nell'HTML | -18 |
| 1 campo/i modulo senza etichetta riconoscibile | -7 |
| 3 link senza nome riconoscibile nell'HTML | -7 |
| Nessuna intestazione <h1> nell'HTML fornito | -7 |
| 5 regolan CSS con contrasto del testo forse insufficiente | -7 |
| Risultato | 54 / 100 |
Percepibile
1 campo/i modulo senza etichetta riconoscibile
Verifica se esiste un aria-label impostato via JavaScript.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
Ecco cosa dovresti fare: Collegare ogni campo a un elemento <label for> oppure impostare aria-label / aria-labelledby. Un solo placeholder non basta.
5 regolan 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: `.text-shade-base`: #989694 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.95:1 · `.debug.svelte-1x5iokp`: red auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.00:1 · `.text-effi-primary-base`: #e64415 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-shade-dark`: #807e7c auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-elf-primary-base`: #3c8771 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.29:1
.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
21 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 class="bg-white flex items-center justify-around bg-white d><button class="bg-white flex items-center justify-around bg-white d><button><button class="flex items-center justify-center my-auto rounded-cir>
Ecco cosa dovresti fare: Aggiungere il testo del pulsante o impostare aria-label.
3 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 target="_self" class="block svelte-1x5iokp"><a target="_self" class="flex flex-col text-black dark:text-shade-ligh<a target="_self" class="text-black dark:text-shade-lightest block">
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
- Alternative testuali: nessun problema rilevabile automaticamente
- Link di salto al contenuto presente
- Punto di riferimento <main> presente
Prossimi passi
- 21 pulsante/i senza nome nell'HTML. Aggiungere il testo del pulsante o impostare aria-label.
- 1 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.
- 3 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).
- 5 regolan 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 01/09/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.