Iċċekkjat fis-9/24/2026 · https://www.heise.de/
5 ostaklu kritikun · barra minn hekk 2 biex jiġu vverifikati.
Kif jinħoloq il-punteġġ? (100 punt tal-bidu)
| 40 minn 519 immaġni mingħajr attribut alt | -18 |
| 4 qasam/oqsma tal-formola mingħajr tikketta li tingħaraf | -18 |
| 16 link mingħajr isem li jingħaraf fl-HTML | -18 |
| 6 buttun/i mingħajr isem fl-HTML | -18 |
| 5 regolan CSS b'kuntrast tat-test possibbilment baxx wisq | -18 |
| L-ebda intestatura <h1> fl-HTML mogħti | -7 |
| 6 attributi id duplikati | -7 |
| Riżultat | 0 / 100 |
Perċettibbli
40 minn 519 immaġni mingħajr attribut alt
L-immaġni mgħobbija permezz ta' JavaScript mhumiex inklużi hawn.
<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">
Dan għandek tagħmel: Agħti alt lil kull <img>: deskrizzjoni qasira għal immaġni li jġorru tifsira, alt="" għal dawk purament dekorattivi.
4 qasam/oqsma tal-formola mingħajr tikketta li tingħaraf
Iċċekkja jekk jeżistix aria-label issettjat permezz ta' 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">
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: `.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
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
16 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-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
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.
6 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="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">
Dan għandek tagħmel: Żid it-test tal-buttun jew issettja aria-label.
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).
Robust
6 attributi id duplikati
eż. heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Ikisser l-assoċjazzjonijiet label-for u aria.
[id]
Dan għandek tagħmel: Assenja id uniċi.
Il-passi li jmiss
- 40 minn 519 immaġni mingħajr attribut alt. Agħti alt lil kull <img>: deskrizzjoni qasira għal immaġni li jġorru tifsira, alt="" għal dawk purament dekorattivi.
- 4 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.
- 16 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.
- 6 buttun/i mingħajr isem fl-HTML. Żid it-test tal-buttun jew issettja aria-label.
- 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.heise.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