Gaeilge
a11yglass · Seiceáil inrochtaineachta do láithreáin ghréasáin

Seiceáilte an 9/24/2026 · https://www.spiegel.de/

D
54 / 100
1 chriticiúla · 4 le seiceáil

1 bhacainn chriticiúla · ina theannta sin 4 le seiceáil.

Ón scanadh deireanach: gan athrú.

Conas a thagann an scór chun cinn? (100 pointe tosaigh)
21 cnaipe gan ainm sa HTML-18
1 réimse foirme gan lipéad inaitheanta-7
3 nasc gan ainm inaitheanta sa HTML-7
Gan ceannteideal <h1> sa HTML a seachadadh-7
5 riailn CSS le codarsnacht téacs a d'fhéadfadh a bheith ró-íseal-7
Toradh54 / 100
?Codarsnacht (1)✓Malairtí téacs✕Lipéid (3)?Struchtúr (1)✓Teanga✓Zúmáil✓Stóinseacht

Inbhraite

Le seiceáilWCAG 1.3.1 Faisnéis agus gaolta / 4.1.2 Ainm, ról, luach

1 réimse foirme gan lipéad inaitheanta

Seiceáil an bhfuil aria-label ann atá socraithe trí JavaScript.

  • <input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">

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.

Le seiceáilWCAG 1.4.3 Codarsnacht (íosmhéid)

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: `.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

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

CriticiúilWCAG 4.1.2 Ainm, ról, luach

21 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="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>

Seo a chaithfidh tú a dhéanamh: Cuir téacs cnaipe leis nó socraigh aria-label.

Le seiceáilWCAG 2.4.4 Aidhm an naisc / 4.1.2 Ainm, ról, luach

3 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 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">

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í.

Le seiceáilWCAG 1.3.1 Faisnéis agus gaolta / 2.4.6 Ceannteidil agus lipéid

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).

Réitithe i gceart cheana

Na chéad chéimeanna eile

  1. 21 cnaipe gan ainm sa HTML. Cuir téacs cnaipe leis nó socraigh aria-label.
  2. 1 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.
  3. 3 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í.
  4. Gan ceannteideal <h1> sa HTML a seachadadh. Cuir <h1> bríoch isteach mar chéad cheannteideal (más féidir ar thaobh an fhreastalaí cheana).
  5. 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.
An bhfaireofar an leathanach seo go huathoibríoch?

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.spiegel.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

Seiceáil láithreán eile