Sjekket 24.9.2026 · https://www.heise.de/
5 kritisk barrieren · i tillegg 2 å sjekke.
Siden forrige skanning: ingen endring.
Hvordan blir scoren til? (100 startpoeng)
| 39 av 523 bilder uten alt-attributt | -18 |
| 4 skjemafelt uten gjenkjennelig merking | -18 |
| 16 lenke(r) uten gjenkjennelig navn i HTML-en | -18 |
| 6 knapp(er) uten navn i HTML-en | -18 |
| 5 CSS-regeln med muligens for lav tekstkontrast | -18 |
| Ingen <h1>-overskrift i den leverte HTML-en | -7 |
| 6 dupliserte id-attributter | -7 |
| Resultat | 0 / 100 |
Mulig å oppfatte
39 av 523 bilder uten alt-attributt
Bilder som lastes inn via JavaScript, er ikke tatt med her.
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3377" height="1898"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="1920" height="1079"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3200" height="1798"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="300" height="250">
Dette bør du gjøre: Gi hvert <img> et alt: kort beskrivelse ved meningsbærende bilder, alt="" ved rent dekorative.
4 skjemafelt uten gjenkjennelig merking
Sjekk om det finnes en aria-label satt 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">
Dette bør du gjøre: Koble hvert felt til et <label for>-element eller sett aria-label / aria-labelledby. Bare en placeholder er ikke nok.
5 CSS-regeln med muligens for lav tekstkontrast
Nødvendig: 4,5:1 (normal) eller 3:1 (stor tekst). Ved «antatt sidebakgrunn» kunne den faktiske bakgrunnen ikke fastslås sikkert — sjekk i nettleseren ved tvil. Funnet blant annet: `.dark a-gift-link dialog`: #e0e0e0 auf #fff (Vorfahren-Hintergrund) = 1.32:1 · `.a-android-native-app-prompt__close-banner`: #323232 auf rgba(0,0,0,0) = 1.64: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-android-native-app-prompt__close-banner, a-opt-in[is-active] .opt-in__footnote, .a-android-native-app-prompt__load-app, a-topic .topic-label
Dette bør du gjøre: Gjør tekstfargen mørkere eller bakgrunnen lysere til den aktuelle minimumsverdien nås. Bruk aldri farge som eneste skillende kjennetegn.
Mulig å betjene
16 lenke(r) uten gjenkjennelig navn i HTML-en
Tomme lenker eller bare et ikon/bilde uten alt. En aria-label satt via JavaScript gjenkjennes ikke her.
<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
Dette bør du gjøre: Legg til synlig lenketekst, eller bruk aria-label eller et bilde med alt ved ikonlenker.
6 knapp(er) uten navn i HTML-en
Knapper uten tekst og uten aria-label er stumme for skjermlesere — med mindre navnet settes 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">
Dette bør du gjøre: Legg til knappetekst eller sett aria-label.
Ingen <h1>-overskrift i den leverte HTML-en
Hver side bør begynne med nøyaktig én h1. På sider som bygges opp via JavaScript, kan h1 først oppstå i nettleseren — sjekk da i det gjengitte DOM-et.
body
Dette bør du gjøre: Sett inn en meningsfull <h1> som første overskrift (helst allerede på serversiden).
Robust
6 dupliserte id-attributter
f.eks. heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Bryter label-for- og aria-koblinger.
[id]
Dette bør du gjøre: Tildel unike id-er.
Neste steg
- 39 av 523 bilder uten alt-attributt. Gi hvert <img> et alt: kort beskrivelse ved meningsbærende bilder, alt="" ved rent dekorative.
- 4 skjemafelt uten gjenkjennelig merking. Koble hvert felt til et <label for>-element eller sett aria-label / aria-labelledby. Bare en placeholder er ikke nok.
- 16 lenke(r) uten gjenkjennelig navn i HTML-en. Legg til synlig lenketekst, eller bruk aria-label eller et bilde med alt ved ikonlenker.
- 6 knapp(er) uten navn i HTML-en. Legg til knappetekst eller sett aria-label.
- 5 CSS-regeln med muligens for lav tekstkontrast. Gjør tekstfargen mørkere eller bakgrunnen lysere til den aktuelle minimumsverdien nås. Bruk aldri farge som eneste skillende kjennetegn.
Ukentlig ny skanning, JS-gjengitt, e-post ved nye barrierer — kommer snart.
Opprett en tilgjengelighetserklæring →
Metode & grenser
Den 24.9.2026 ble HTML-en sjekket som www.heise.de leverer ved første besøk uten innlogging, pluss opptil fire lenkede CSS-filer fra samme domene. Sjekket: fargekontrast (fra CSS), tekstalternativer, skjemamerking, navn på betjeningselementer, overskriftsstruktur, sidetittel og sidespråk, zoomsperre, dupliserte id-er, positive tabindex-verdier, landemerker.
Ikke sjekket: alt som oppstår via JavaScript, tastaturbetjenbarhet, synlig fokus, fokusrekkefølge, skjermleserannonsering, innhold bak innlogging, undersider. Den automatiske testen finner omtrent 20–35 % av WCAG-bruddene — resten trenger en manuell sjekk. Et øyeblikksbilde, ikke en juridisk avgjørelse.
Overlay-widgeter (tilgjengelighetsknapper som endrer kontrast eller skrift) gjør ikke et nettsted konformt — de funne barrierene må rettes i kildekoden. Hvorfor overlays ikke hjelper