Patikrinta 2026-08-31 · https://www.spiegel.de/
32 kritinė kliūtisn · papildomai 7 tikrintinų.
Kaip susidaro įvertis? (100 pradinių balų)
| {n} formos laukų be atpažįstamos etiketės | -18 |
| {n} nuorodų be atpažįstamo pavadinimo HTML | -18 |
| {n} mygtukų be pavadinimo HTML | -18 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -18 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -6 |
| Pateiktame HTML nėra <h1> antraštės | -7 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -2 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -2 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -2 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -2 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -2 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -2 |
| Rezultatas | 0 / 100 |
Suvokiamumas
{n} formos laukų be atpažįstamos etiketės
Patikrink, ar yra per JavaScript nustatytas aria-label.
input, select, textarea
Štai ką turėtum daryti: Susiek kiekvieną lauką su elementu <label for> arba nustatyk aria-label / aria-labelledby. Vien placeholder nepakanka.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.button-spon
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.button-effi
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.button-mmo
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.button-hbm
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
input::placeholder, textarea::placeholder
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
body .richtext--inverted p
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
body .richtext--inverted a
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
body .richtext--inverted a:focus
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.richtextcredit.richtextcredit--inverted a
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.richtextsystem.richtextsystem--inverted a
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.richtextsystem.richtextsystem--inverted a:hover
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.richtextsystem.richtextsystem--inverted a:focus
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.text-shade-base
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.text-shade-light
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.text-shade-lighter
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.text-shade-lightest
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.text-white
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.placeholder-shade-base::-moz-placeholder
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.placeholder-shade-base::placeholder
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.hover\:text-shade-lighter:hover
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.hover\:text-shade-lightest:hover
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.hover\:text-white:hover
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.focus\:text-shade-base:focus
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.focus\:text-shade-lighter:focus
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.focus\:text-white:focus
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.disabled\:text-shade-base:disabled
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.disabled\:text-shade-light:disabled
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.peer:disabled~.peer-disabled\:text-shade-base
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.debug.svelte-1x5iokp
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.text-effi-primary-base
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.text-elf-primary-base
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.text-shade-dark
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.text-spon-primary-base
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
{n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: {examples}
.disabled\:text-shade-dark:disabled
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
Valdomumas
{n} nuorodų be atpažįstamo pavadinimo HTML
Tuščios nuorodos arba tik piktograma/paveikslėlis be alt. Per JavaScript nustatytas aria-label čia neatpažįstamas.
a
Štai ką turėtum daryti: Pridėk matomą nuorodos tekstą arba piktogramų nuorodoms naudok aria-label ar paveikslėlį su alt.
{n} mygtukų be pavadinimo HTML
Mygtukai be teksto ir be aria-label ekrano skaityklėms yra nebylūs — nebent pavadinimas nustatomas per JavaScript.
button
Štai ką turėtum daryti: Pridėk mygtuko tekstą arba nustatyk aria-label.
Pateiktame HTML nėra <h1> antraštės
Kiekvienas puslapis turėtų prasidėti tiksliai vienu h1. Per JavaScript sudarytuose puslapiuose h1 gali atsirasti tik naršyklėje — tuomet patikrink atvaizduotame DOM.
body
Štai ką turėtum daryti: Įterpk prasmingą <h1> kaip pirmąją antraštę (jei įmanoma, jau serverio pusėje).
Jau teisingai išspręsta
- Textalternativen: keine automatisch erkennbaren Probleme
- Nuoroda peršokti prie turinio yra
- Orientyras <main> yra
Tolesni žingsniai
- {n} formos laukų be atpažįstamos etiketės. Susiek kiekvieną lauką su elementu <label for> arba nustatyk aria-label / aria-labelledby. Vien placeholder nepakanka.
- {n} nuorodų be atpažįstamo pavadinimo HTML. Pridėk matomą nuorodos tekstą arba piktogramų nuorodoms naudok aria-label ar paveikslėlį su alt.
- {n} mygtukų be pavadinimo HTML. Pridėk mygtuko tekstą arba nustatyk aria-label.
- {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu. Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
- {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu. Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
Savaitinis pakartotinis skenavimas, su JS atvaizdavimu, el. laiškas apie naujas kliūtis — netrukus.
Sukurti prieinamumo deklaraciją →
Metodas & ribos
2026-08-31 buvo patikrintas HTML, kurį www.spiegel.de pateikia per pirmąjį iškvietimą be prisijungimo, taip pat iki keturių to paties domeno susietų CSS failų. Patikrinta: spalvų kontrastas (iš CSS), teksto alternatyvos, formų etiketės, valdymo elementų pavadinimai, antraščių struktūra, puslapio antraštė ir kalba, mastelio blokavimas, pasikartojantys id, teigiamos tabindex reikšmės, orientyrai.
Nepatikrinta: viskas, kas atsiranda per JavaScript, valdomumas klaviatūra, matomas fokusas, fokuso tvarka, ekrano skaityklės pranešimas, turinys už prisijungimo, papildomi puslapiai. Automatinis testas randa maždaug 20–35 % WCAG pažeidimų — likusiam reikia rankinės patikros. Momentinė nuotrauka, ne teisinis sprendimas.