Verificato il 24/09/2026 · https://www.heise.de/
5 barrieran critican · inoltre 2 da verificare.
Dall'ultima scansione: nessuna modifica.
Come si ottiene il punteggio? (100 punti di partenza)
| 36 di 521 immagini senza attributo alt | -18 |
| 4 campo/i modulo senza etichetta riconoscibile | -18 |
| 13 link senza nome riconoscibile nell'HTML | -18 |
| 6 pulsante/i senza nome nell'HTML | -18 |
| 5 regolan CSS con contrasto del testo forse insufficiente | -18 |
| Nessuna intestazione <h1> nell'HTML fornito | -7 |
| 6 attributi id duplicati | -7 |
| Risultato | 0 / 100 |
Percepibile
36 di 521 immagini senza attributo alt
Le immagini caricate via JavaScript non sono considerate qui.
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3983" height="2238"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3200" height="1798"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="300" height="250"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="1672" height="940">
Ecco cosa dovresti fare: Dare un alt a ogni <img>: breve descrizione per le immagini portatrici di contenuto, alt="" per quelle puramente decorative.
4 campo/i modulo senza etichetta riconoscibile
Verifica se esiste un aria-label impostato via JavaScript.
<input type="text" name="q" placeholder="Suchen"><input type="text" name="q" placeholder="Suchen"><select name="in"><input type="text" name="fs" placeholder="Im Preisvergleich suchen">
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: `.dark a-gift-link dialog`: #e0e0e0 auf #fff (Vorfahren-Hintergrund) = 1.32:1 · `a-color-scheme .a-color-scheme__icon--moon`: #959595 auf #c7c7c7 (Vorfahren-Hintergrund) = 1.77:1 · `a-opt-in[is-active] .opt-in__footnote`: #959595 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.a-android-native-app-prompt__load-app`: #fff auf #27a209 = 3.36:1 · `a-topic .topic-label`: #fff auf #ed3725 = 4.06:1
.dark a-gift-link dialog, a-color-scheme .a-color-scheme__icon--moon, a-opt-in[is-active] .opt-in__footnote, .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
13 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-click-performance><a name="topnavi.ho.magazine-nav.ct" class="hover:bg-brand dark:hover:<a name="topnavi.ho.magazine-nav.ix" class="hover:bg-brand-alternative<a name="topnavi.ho.magazine-nav.foto" class="hover:bg-brand dark:hove
Ecco cosa dovresti fare: Aggiungere un testo di link visibile oppure, per i link con icona, usare aria-label o un'immagine con alt.
6 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="scroll-left text-ho-text"><button class="scroll-right text-ho-text"><button class="scroll-left text-ho-text"><button class="scroll-right text-ho-text">
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
6 attributi id duplicati
ad es. heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Rompe le associazioni label-for e aria.
[id]
Ecco cosa dovresti fare: Assegnare id univoci.
Prossimi passi
- 36 di 521 immagini senza attributo alt. Dare un alt a ogni <img>: breve descrizione per le immagini portatrici di contenuto, alt="" per quelle puramente decorative.
- 4 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.
- 13 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.
- 6 pulsante/i senza nome nell'HTML. Aggiungere il testo del pulsante o impostare aria-label.
- 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 24/09/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