Skontrolované 31. 8. 2026 · https://www.spiegel.de/
32 kritická bariéran · navyše 7 na kontrolu.
Ako vzniká skóre? (100 východiskových bodov)
| {n} polí formulára bez rozpoznateľného označenia | -18 |
| {n} odkazov bez rozpoznateľného názvu v HTML | -18 |
| {n} tlačidiel bez názvu v HTML | -18 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -18 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -6 |
| V doručenom HTML žiadny nadpis <h1> | -7 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -2 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -2 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -2 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -2 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -2 |
| {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu | -2 |
| Výsledok | 0 / 100 |
Vnímateľnosť
{n} polí formulára bez rozpoznateľného označenia
Skontrolujte, či existuje aria-label nastavené cez JavaScript.
input, select, textarea
Toto by ste mali urobiť: Prepojte každé pole s prvkom <label for> alebo nastavte aria-label / aria-labelledby. Samotný placeholder nestačí.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.button-spon
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.button-effi
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.button-mmo
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.button-hbm
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
input::placeholder, textarea::placeholder
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
body .richtext--inverted p
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
body .richtext--inverted a
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
body .richtext--inverted a:focus
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.richtextcredit.richtextcredit--inverted a
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.richtextsystem.richtextsystem--inverted a
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.richtextsystem.richtextsystem--inverted a:hover
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.richtextsystem.richtextsystem--inverted a:focus
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.text-shade-base
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.text-shade-light
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.text-shade-lighter
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.text-shade-lightest
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.text-white
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.placeholder-shade-base::-moz-placeholder
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.placeholder-shade-base::placeholder
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.hover\:text-shade-lighter:hover
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.hover\:text-shade-lightest:hover
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.hover\:text-white:hover
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.focus\:text-shade-base:focus
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.focus\:text-shade-lighter:focus
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.focus\:text-white:focus
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.disabled\:text-shade-base:disabled
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.disabled\:text-shade-light:disabled
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.peer:disabled~.peer-disabled\:text-shade-base
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.debug.svelte-1x5iokp
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.text-effi-primary-base
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.text-elf-primary-base
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.text-shade-dark
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.text-spon-primary-base
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
{n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu
Potrebné: 4,5:1 (normálny) resp. 3:1 (veľký text). Pri „predpokladanom pozadí stránky“ sa skutočné pozadie nedalo bezpečne určiť — v prípade pochybností skontrolujte v prehliadači. Nájdené o. i.: {examples}
.disabled\:text-shade-dark:disabled
Toto by ste mali urobiť: Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
Ovládateľnosť
{n} odkazov bez rozpoznateľného názvu v HTML
Prázdne odkazy alebo len ikona/obrázok bez alt. aria-label nastavené cez JavaScript sa tu nerozpozná.
a
Toto by ste mali urobiť: Doplňte viditeľný text odkazu, pri odkazoch s ikonou použite aria-label alebo obrázok s alt.
{n} tlačidiel bez názvu v HTML
Tlačidlá bez textu a bez aria-label sú pre čítačky obrazovky nemé — ak sa názov nenastavuje cez JavaScript.
button
Toto by ste mali urobiť: Doplňte text tlačidla alebo nastavte aria-label.
V doručenom HTML žiadny nadpis <h1>
Každá stránka by mala začínať presne jedným h1. Pri stránkach zostavovaných cez JavaScript môže h1 vzniknúť až v prehliadači — potom skontrolujte v renderovanom DOM.
body
Toto by ste mali urobiť: Vložte zmysluplný <h1> ako prvý nadpis (podľa možnosti už na strane servera).
Už správne vyriešené
- Textalternativen: keine automatisch erkennbaren Probleme
- Odkaz na preskočenie na obsah je prítomný
- Orientačný bod <main> je prítomný
Ďalšie kroky
- {n} polí formulára bez rozpoznateľného označenia. Prepojte každé pole s prvkom <label for> alebo nastavte aria-label / aria-labelledby. Samotný placeholder nestačí.
- {n} odkazov bez rozpoznateľného názvu v HTML. Doplňte viditeľný text odkazu, pri odkazoch s ikonou použite aria-label alebo obrázok s alt.
- {n} tlačidiel bez názvu v HTML. Doplňte text tlačidla alebo nastavte aria-label.
- {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu. Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
- {n} pravidiel{nPlural} CSS s možno príliš nízkym kontrastom textu. Stmavte farbu textu alebo zosvetlite pozadie, kým sa nedosiahne príslušná minimálna hodnota. Nikdy nepoužívajte farbu ako jediný rozlišovací znak.
Týždenné opakované skenovanie, s renderovaním JS, e-mail pri nových bariérach — už čoskoro.
Vytvoriť vyhlásenie o prístupnosti →
Metóda & hranice
Dňa 31. 8. 2026 sa skontrolovalo HTML, ktoré www.spiegel.de doručuje pri prvom prístupe bez prihlásenia, a až štyri pripojené súbory CSS z tej istej domény. Skontrolované: farebný kontrast (z CSS), textové alternatívy, označenie formulárov, názvy ovládacích prvkov, štruktúra nadpisov, názov a jazyk stránky, blokovanie priblíženia, duplicitné id, kladné hodnoty tabindex, orientačné body.
Neskontrolované: všetko, čo vzniká cez JavaScript, ovládateľnosť klávesnicou, viditeľný fokus, poradie fokusu, oznámenie čítačky obrazovky, obsah za prihlásením, podstránky. Automatický test nájde približne 20–35 % porušení WCAG — zvyšok si vyžaduje ručnú kontrolu. Momentka, nie právne rozhodnutie.