Sjekket 31.8.2026 · https://www.heise.de/
4 kritisk barrieren · i tillegg 3 å sjekke.
Hvordan blir scoren til? (100 startpoeng)
| {n} av {total} bilder uten alt-attributt | -18 |
| {n} skjemafelt uten gjenkjennelig merking | -18 |
| {n} lenke(r) uten gjenkjennelig navn i HTML-en | -18 |
| {n} knapp(er) uten navn i HTML-en | -18 |
| Ingen <h1>-overskrift i den leverte HTML-en | -7 |
| {n} dupliserte id-attributter | -7 |
| {n} CSS-regel{nPlural} med muligens for lav tekstkontrast | -7 |
| Resultat | 7 / 100 |
Mulig å oppfatte
{n} av {total} bilder uten alt-attributt
Bilder som lastes inn via JavaScript, er ikke tatt med her.
img
Dette bør du gjøre: Gi hvert <img> et alt: kort beskrivelse ved meningsbærende bilder, alt="" ved rent dekorative.
{n} skjemafelt uten gjenkjennelig merking
Sjekk om det finnes en aria-label satt via JavaScript.
input, select, textarea
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.
{n} CSS-regel{nPlural} 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: {examples}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
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
{n} 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
Dette bør du gjøre: Legg til synlig lenketekst, eller bruk aria-label eller et bilde med alt ved ikonlenker.
{n} 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
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
{n} dupliserte id-attributter
f.eks. {examples}. Bryter label-for- og aria-koblinger.
[id]
Dette bør du gjøre: Tildel unike id-er.
Neste steg
- {n} av {total} bilder uten alt-attributt. Gi hvert <img> et alt: kort beskrivelse ved meningsbærende bilder, alt="" ved rent dekorative.
- {n} skjemafelt uten gjenkjennelig merking. Koble hvert felt til et <label for>-element eller sett aria-label / aria-labelledby. Bare en placeholder er ikke nok.
- {n} lenke(r) uten gjenkjennelig navn i HTML-en. Legg til synlig lenketekst, eller bruk aria-label eller et bilde med alt ved ikonlenker.
- {n} knapp(er) uten navn i HTML-en. Legg til knappetekst eller sett aria-label.
- Ingen <h1>-overskrift i den leverte HTML-en. Sett inn en meningsfull <h1> som første overskrift (helst allerede på serversiden).
Ukentlig ny skanning, JS-gjengitt, e-post ved nye barrierer — kommer snart.
Opprett en tilgjengelighetserklæring →
Metode & grenser
Den 31.8.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