Seiceáilte an 9/24/2026 · https://www.heise.de/
5 bhacainn chriticiúlan · ina theannta sin 2 le seiceáil.
Conas a thagann an scór chun cinn? (100 pointe tosaigh)
| 40 as 519 íomhá gan aitreabúid alt | -18 |
| 4 réimse foirme gan lipéad inaitheanta | -18 |
| 16 nasc gan ainm inaitheanta sa HTML | -18 |
| 6 cnaipe gan ainm sa HTML | -18 |
| 5 riailn CSS le codarsnacht téacs a d'fhéadfadh a bheith ró-íseal | -18 |
| Gan ceannteideal <h1> sa HTML a seachadadh | -7 |
| 6 aitreabúid id dhúbailte | -7 |
| Toradh | 0 / 100 |
Inbhraite
40 as 519 íomhá gan aitreabúid alt
Níl íomhánna a luchtaítear trí JavaScript curtha san áireamh anseo.
<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">
Seo a chaithfidh tú a dhéanamh: Tabhair alt do gach <img>: cur síos gairid d'íomhánna a bhfuil brí leo, alt="" d'íomhánna maisiúla amháin.
4 réimse foirme gan lipéad inaitheanta
Seiceáil an bhfuil aria-label ann atá socraithe trí 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">
Seo a chaithfidh tú a dhéanamh: Nasc gach réimse le heilimint <label for> nó socraigh aria-label / aria-labelledby. Ní leor placeholder amháin.
5 riailn CSS le codarsnacht téacs a d'fhéadfadh a bheith ró-íseal
De dhíth: 4,5:1 (gnáth) nó 3:1 (téacs mór). I gcás „cúlra leathanaigh a glacadh leis”, níorbh fhéidir an fíorchúlra a chinneadh go cinnte — seiceáil sa bhrabhsálaí má tá amhras ort. Aimsíodh i measc nithe eile: `.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
Seo a chaithfidh tú a dhéanamh: Déan dath an téacs níos dorcha nó an cúlra níos gile go dtí go mbaintear an t-íosluach cuí amach. Ná húsáid dath riamh mar an t-aon ghné idirdhealaithe.
Inoibrithe
16 nasc gan ainm inaitheanta sa HTML
Naisc fholmha nó deilbhín/íomhá amháin gan alt. Ní aithnítear anseo aria-label atá socraithe trí JavaScript.
<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
Seo a chaithfidh tú a dhéanamh: Cuir téacs naisc infheicthe leis, nó úsáid aria-label nó íomhá le alt do naisc deilbhíní.
6 cnaipe gan ainm sa HTML
Tá cnaipí gan téacs agus gan aria-label balbh do léitheoirí scáileáin — mura socraítear an t-ainm trí 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">
Seo a chaithfidh tú a dhéanamh: Cuir téacs cnaipe leis nó socraigh aria-label.
Gan ceannteideal <h1> sa HTML a seachadadh
Ba cheart do gach leathanach tosú le h1 amháin go díreach. I leathanaigh a thógtar trí JavaScript, is féidir nach dtiocfaidh an h1 ann ach sa bhrabhsálaí — seiceáil sa DOM rindreáilte ansin.
body
Seo a chaithfidh tú a dhéanamh: Cuir <h1> bríoch isteach mar chéad cheannteideal (más féidir ar thaobh an fhreastalaí cheana).
Stóinsithe
6 aitreabúid id dhúbailte
e.g. heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Briseann sé nascanna label-for agus aria.
[id]
Seo a chaithfidh tú a dhéanamh: Sann id uathúla.
Na chéad chéimeanna eile
- 40 as 519 íomhá gan aitreabúid alt. Tabhair alt do gach <img>: cur síos gairid d'íomhánna a bhfuil brí leo, alt="" d'íomhánna maisiúla amháin.
- 4 réimse foirme gan lipéad inaitheanta. Nasc gach réimse le heilimint <label for> nó socraigh aria-label / aria-labelledby. Ní leor placeholder amháin.
- 16 nasc gan ainm inaitheanta sa HTML. Cuir téacs naisc infheicthe leis, nó úsáid aria-label nó íomhá le alt do naisc deilbhíní.
- 6 cnaipe gan ainm sa HTML. Cuir téacs cnaipe leis nó socraigh aria-label.
- 5 riailn CSS le codarsnacht téacs a d'fhéadfadh a bheith ró-íseal. Déan dath an téacs níos dorcha nó an cúlra níos gile go dtí go mbaintear an t-íosluach cuí amach. Ná húsáid dath riamh mar an t-aon ghné idirdhealaithe.
Athscanadh seachtainiúil, le rindreáil JS, ríomhphost maidir le bacainní nua — ag teacht go luath.
Cruthaigh ráiteas inrochtaineachta →
Modh & teorainneacha
An 9/24/2026 seiceáladh an HTML a sheachadann www.heise.de ar an gcéad iarraidh gan logáil isteach, chomh maith le suas le ceithre chomhad CSS nasctha ón bhfearann céanna. Seiceáladh: codarsnacht datha (ón CSS), malairtí téacs, lipéadú foirmeacha, ainmneacha rialaithe, struchtúr ceannteideal, teideal agus teanga an leathanaigh, glasáil an zúmála, id dúbailte, luachanna tabindex deimhneacha, sainchomharthaí.
Nár seiceáladh: gach a dtagann ann trí JavaScript, inoibritheacht méarchláir, fócas infheicthe, ord fócais, fógra léitheora scáileáin, ábhar taobh thiar de logáil isteach, fo-leathanaigh. Aimsíonn an tástáil uathoibríoch thart ar 20–35 % de na sáruithe WCAG — teastaíonn seiceáil de láimh don chuid eile. Seat láithreach, ní breithiúnas dlíthiúil.
Ní dhéanann giuirléidí overlay (cnaipí inrochtaineachta a athraíonn codarsnacht nó cló) suíomh comhlíontach — caithfear na bacainní a aimsíodh a cheartú sa chód foinseach. Cén fáth nach gcabhraíonn overlays