Iċċekkjat fis-9/24/2026 · https://www.spiegel.de/
1 ostaklu kritiku · barra minn hekk 4 biex jiġu vverifikati.
Mill-aħħar skennjar: l-ebda bidla.
Kif jinħoloq il-punteġġ? (100 punt tal-bidu)
| 21 buttun/i mingħajr isem fl-HTML | -18 |
| 1 qasam/oqsma tal-formola mingħajr tikketta li tingħaraf | -7 |
| 3 link mingħajr isem li jingħaraf fl-HTML | -7 |
| L-ebda intestatura <h1> fl-HTML mogħti | -7 |
| 5 regolan CSS b'kuntrast tat-test possibbilment baxx wisq | -7 |
| Riżultat | 54 / 100 |
Perċettibbli
1 qasam/oqsma tal-formola mingħajr tikketta li tingħaraf
Iċċekkja jekk jeżistix aria-label issettjat permezz ta' JavaScript.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
Dan għandek tagħmel: Orbot kull qasam ma' element <label for> jew issettja aria-label / aria-labelledby. Placeholder waħdu mhux biżżejjed.
5 regolan CSS b'kuntrast tat-test possibbilment baxx wisq
Meħtieġ: 4,5:1 (normali) jew 3:1 (test kbir). F'każ ta' „sfond tal-paġna preżunt”, l-isfond reali ma setax jiġi ddeterminat b'ċertezza — f'każ ta' dubju ċċekkja fil-brawżer. Instab fost l-oħrajn: `.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
Dan għandek tagħmel: Iddarken il-kulur tat-test jew idawwal l-isfond sakemm jintlaħaq il-valur minimu rispettiv. Qatt m'għandek tuża l-kulur bħala l-uniku karatteristika distintiva.
Operabbli
21 buttun/i mingħajr isem fl-HTML
Il-buttuni mingħajr test u mingħajr aria-label huma muti għall-qarrejja tal-iskrin — sakemm l-isem ma jiġix issettjat permezz ta' JavaScript.
<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>
Dan għandek tagħmel: Żid it-test tal-buttun jew issettja aria-label.
3 link mingħajr isem li jingħaraf fl-HTML
Links vojta jew biss ikona/immaġni mingħajr alt. aria-label issettjat permezz ta' JavaScript ma jingħarafx hawn.
<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">
Dan għandek tagħmel: Żid test tal-link viżibbli, jew għal links b'ikona uża aria-label jew immaġni b'alt.
L-ebda intestatura <h1> fl-HTML mogħti
Kull paġna għandha tibda b'eżattament h1 wieħed. F'paġni mibnija permezz ta' JavaScript, l-h1 jista' jitfaċċa biss fil-brawżer — imbagħad iċċekkja fid-DOM renderjat.
body
Dan għandek tagħmel: Daħħal <h1> sinifikanti bħala l-ewwel intestatura (jekk possibbli diġà fuq in-naħa tas-server).
Diġà solvut sew
- Alternattivi testwali: l-ebda problema li tingħaraf awtomatikament
- Link ta' qbiż għall-kontenut preżenti
- Punt ta' referenza <main> preżenti
Il-passi li jmiss
- 21 buttun/i mingħajr isem fl-HTML. Żid it-test tal-buttun jew issettja aria-label.
- 1 qasam/oqsma tal-formola mingħajr tikketta li tingħaraf. Orbot kull qasam ma' element <label for> jew issettja aria-label / aria-labelledby. Placeholder waħdu mhux biżżejjed.
- 3 link mingħajr isem li jingħaraf fl-HTML. Żid test tal-link viżibbli, jew għal links b'ikona uża aria-label jew immaġni b'alt.
- L-ebda intestatura <h1> fl-HTML mogħti. Daħħal <h1> sinifikanti bħala l-ewwel intestatura (jekk possibbli diġà fuq in-naħa tas-server).
- 5 regolan CSS b'kuntrast tat-test possibbilment baxx wisq. Iddarken il-kulur tat-test jew idawwal l-isfond sakemm jintlaħaq il-valur minimu rispettiv. Qatt m'għandek tuża l-kulur bħala l-uniku karatteristika distintiva.
Skennjar mill-ġdid kull ġimgħa, b'rendering JS, email meta jinstabu ostakli ġodda — dalwaqt.
Oħloq dikjarazzjoni tal-aċċessibbiltà →
Metodu & limiti
Fis-9/24/2026 ġie vverifikat l-HTML li www.spiegel.de jagħti mal-ewwel talba mingħajr login, kif ukoll sa erba' fajls CSS marbutin mill-istess dominju. Ivverifikati: kuntrast tal-kuluri (mis-CSS), alternattivi testwali, tikkettar tal-formoli, ismijiet tal-elementi ta' kontroll, struttura tal-intestaturi, titlu u lingwa tal-paġna, imblukkar taż-żum, id duplikati, valuri tabindex pożittivi, punti ta' referenza.
Mhux ivverifikat: kull ma jinħoloq permezz ta' JavaScript, l-użabbiltà bit-tastiera, il-fokus viżibbli, l-ordni tal-fokus, l-avviż tal-qarrej tal-iskrin, il-kontenut wara login, is-sottopaġni. It-test awtomatiku jsib madwar 20–35 % tal-ksur tal-WCAG — il-bqija jeħtieġ verifika manwali. Snapshot, mhux sentenza legali.
Il-widgets overlay (buttuni tal-aċċessibbiltà li jbiddlu l-kuntrast jew it-tipa) ma jagħmlux sit konformi — l-ostakli misjuba jridu jissewwew fil-kodiċi sors. Għaliex l-overlays ma jgħinux