Ellenőrizve: 2026. 09. 01. · https://www.spiegel.de/
1 kritikus akadály · ezenkívül 4 ellenőrizendő.
Hogyan jön ki a pontszám? (100 kezdőpont)
| 21 gomb név nélkül a HTML-ben | -18 |
| 1 űrlapmező felismerhető címke nélkül | -7 |
| 3 hivatkozás felismerhető név nélkül a HTML-ben | -7 |
| Nincs <h1> címsor a kiszolgált HTML-ben | -7 |
| 5 CSS-szabályn esetleg túl alacsony szövegkontraszttal | -7 |
| Eredmény | 54 / 100 |
Érzékelhető
1 űrlapmező felismerhető címke nélkül
Ellenőrizd, van-e JavaScripttel beállított aria-label.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
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.
5 CSS-szabályn 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: `.text-shade-base`: #989694 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.95:1 · `.debug.svelte-1x5iokp`: red auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.00:1 · `.text-effi-primary-base`: #e64415 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-shade-dark`: #807e7c auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-elf-primary-base`: #3c8771 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.29:1
.text-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-base
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ő
21 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 class="bg-white flex items-center justify-around bg-white d><button class="bg-white flex items-center justify-around bg-white d><button><button class="flex items-center justify-center my-auto rounded-cir>
Ezt kell tenned: Adj hozzá gombszöveget, vagy állíts be aria-label-t.
3 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 target="_self" class="block svelte-1x5iokp"><a target="_self" class="flex flex-col text-black dark:text-shade-ligh<a target="_self" class="text-black dark:text-shade-lightest block">
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.
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).
Már helyesen megoldva
- Szöveges alternatívák: nincs automatikusan felismerhető probléma
- A tartalomra ugró hivatkozás jelen van
- <main> tereptárgy jelen van
Következő lépések
- 21 gomb név nélkül a HTML-ben. Adj hozzá gombszöveget, vagy állíts be aria-label-t.
- 1 ű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.
- 3 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.
- 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).
- 5 CSS-szabályn esetleg túl alacsony szövegkontraszttal. 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.
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. 09. 01. napján azt a HTML-t ellenőriztük, amelyet a(z) www.spiegel.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.