Ellenőrizve: 2026. 08. 31. · https://www.heise.de/
4 kritikus akadályn · ezenkívül 3 ellenőrizendő.
Hogyan jön ki a pontszám? (100 kezdőpont)
| {n} / {total} kép alt attribútum nélkül | -18 |
| {n} űrlapmező felismerhető címke nélkül | -18 |
| {n} hivatkozás felismerhető név nélkül a HTML-ben | -18 |
| {n} gomb név nélkül a HTML-ben | -18 |
| Nincs <h1> címsor a kiszolgált HTML-ben | -7 |
| {n} kettőzött id attribútum | -7 |
| {n} CSS-szabály{nPlural} esetleg túl alacsony szövegkontraszttal | -7 |
| Eredmény | 7 / 100 |
Érzékelhető
{n} / {total} kép alt attribútum nélkül
A JavaScripttel utólag betöltött képek itt nincsenek figyelembe véve.
img
Ezt kell tenned: Adj minden <img> elemnek alt-ot: rövid leírás a tartalomhordozó képeknél, alt="" a tisztán díszítőknél.
{n} űrlapmező felismerhető címke nélkül
Ellenőrizd, van-e JavaScripttel beállított aria-label.
input, select, textarea
Ezt kell tenned: Kösd össze minden mezőt egy <label for> elemmel, vagy állíts be aria-label / aria-labelledby értéket. Önmagában a placeholder nem elég.
{n} CSS-szabály{nPlural} esetleg túl alacsony szövegkontraszttal
Szükséges: 4,5:1 (normál), illetve 3:1 (nagy szöveg). „Feltételezett oldalháttér” esetén a tényleges hátteret nem lehetett biztosan meghatározni — kétség esetén ellenőrizd a böngészőben. Megtalálva többek között: {examples}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
Ezt kell tenned: Sötétítsd a szövegszínt vagy világosítsd a hátteret, amíg el nem éred a megfelelő minimumértéket. A színt soha ne használd egyetlen megkülönböztető jellemzőként.
Működtethető
{n} hivatkozás felismerhető név nélkül a HTML-ben
Üres hivatkozások vagy csak ikon/kép alt nélkül. A JavaScripttel beállított aria-label itt nem ismerhető fel.
a
Ezt kell tenned: Adj hozzá látható hivatkozásszöveget, vagy ikonos hivatkozásoknál használj aria-label-t, illetve alt-tal ellátott képet.
{n} gomb név nélkül a HTML-ben
A szöveg és aria-label nélküli gombok a képernyőolvasók számára némák — hacsak a nevet nem JavaScript állítja be.
button
Ezt kell tenned: Adj hozzá gombszöveget, vagy állíts be aria-label-t.
Nincs <h1> címsor a kiszolgált HTML-ben
Minden oldalnak pontosan egy h1-gyel kellene kezdődnie. A JavaScripttel felépített oldalaknál a h1 csak a böngészőben jöhet létre — akkor a megjelenített DOM-ban ellenőrizd.
body
Ezt kell tenned: Szúrj be egy kifejező <h1>-et első címsorként (lehetőleg már a kiszolgáló oldalán).
Robusztus
{n} kettőzött id attribútum
pl. {examples}. Elrontja a label-for és aria hozzárendeléseket.
[id]
Ezt kell tenned: Adj egyedi id-ket.
Következő lépések
- {n} / {total} kép alt attribútum nélkül. Adj minden <img> elemnek alt-ot: rövid leírás a tartalomhordozó képeknél, alt="" a tisztán díszítőknél.
- {n} űrlapmező felismerhető címke nélkül. Kösd össze minden mezőt egy <label for> elemmel, vagy állíts be aria-label / aria-labelledby értéket. Önmagában a placeholder nem elég.
- {n} hivatkozás felismerhető név nélkül a HTML-ben. Adj hozzá látható hivatkozásszöveget, vagy ikonos hivatkozásoknál használj aria-label-t, illetve alt-tal ellátott képet.
- {n} gomb név nélkül a HTML-ben. Adj hozzá gombszöveget, vagy állíts be aria-label-t.
- Nincs <h1> címsor a kiszolgált HTML-ben. Szúrj be egy kifejező <h1>-et első címsorként (lehetőleg már a kiszolgáló oldalán).
Heti újraszkennelés, JS-megjelenítéssel, e-mail új akadályok esetén — hamarosan.
Akadálymentességi nyilatkozat készítése →
Módszer & korlátok
2026. 08. 31. napján azt a HTML-t ellenőriztük, amelyet a(z) www.heise.de az első, bejelentkezés nélküli hívásnál kiszolgál, valamint legfeljebb négy, ugyanarról a domainről hivatkozott CSS-fájlt. Ellenőrizve: színkontraszt (a CSS-ből), szöveges alternatívák, űrlapcímkék, kezelőelemek nevei, címsorszerkezet, oldalcím és oldalnyelv, nagyítászár, kettőzött id-k, pozitív tabindex-értékek, tereptárgyak.
Nem ellenőrizve: minden, ami JavaScripttel jön létre, a billentyűzetes kezelhetőség, a látható fókusz, a fókuszsorrend, a képernyőolvasó bemondása, a bejelentkezés mögötti tartalom, az aloldalak. Az automatikus teszt a WCAG-sértések nagyjából 20–35 %-át találja meg — a többihez kézi vizsgálat kell. Pillanatfelvétel, nem jogi ítélet.
Az overlay widgetek (a kontrasztot vagy betűméretet váltó akadálymentességi gombok) nem teszik megfelelővé az oldalt — a talált akadályokat a forráskódban kell javítani. Miért nem segítenek az overlayek