Verificato il 31/08/2026 · https://www.heise.de/
5 barrieran critican · inoltre 2 da verificare.
Come si ottiene il punteggio? (100 punti di partenza)
| {n} di {total} immagini senza attributo alt | -18 |
| {n} campo/i modulo senza etichetta riconoscibile | -18 |
| {n} link senza nome riconoscibile nell'HTML | -18 |
| {n} pulsante/i senza nome nell'HTML | -18 |
| {n} regola{nPlural} CSS con contrasto del testo forse insufficiente | -18 |
| Nessuna intestazione <h1> nell'HTML fornito | -7 |
| {n} attributi id duplicati | -7 |
| Risultato | 0 / 100 |
Percepibile
{n} di {total} immagini senza attributo alt
Le immagini caricate via JavaScript non sono considerate qui.
img
Ecco cosa dovresti fare: Dare un alt a ogni <img>: breve descrizione per le immagini portatrici di contenuto, alt="" per quelle puramente decorative.
{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}
.a-android-native-app-prompt__close-banner, .a-android-native-app-prompt__load-app, a-topic .topic-label
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} 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.
{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.
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).
Robusto
{n} attributi id duplicati
ad es. {examples}. Rompe le associazioni label-for e aria.
[id]
Ecco cosa dovresti fare: Assegnare id univoci.
Prossimi passi
- {n} di {total} immagini senza attributo alt. Dare un alt a ogni <img>: breve descrizione per le immagini portatrici di contenuto, alt="" per quelle puramente decorative.
- {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.
- {n} pulsante/i senza nome nell'HTML. Aggiungere il testo del pulsante o impostare aria-label.
- {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.heise.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