Zkontrolováno 31. 8. 2026 · https://www.spiegel.de/
32 kritická bariéran · navíc 7 ke kontrole.
Jak vzniká skóre? (100 výchozích bodů)
| {n} polí formuláře bez rozpoznatelného popisku | -18 |
| {n} odkazů bez rozpoznatelného názvu v HTML | -18 |
| {n} tlačítek bez názvu v HTML | -18 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -18 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -6 |
| V doručeném HTML žádný nadpis <h1> | -7 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -2 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -2 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -2 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -2 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -2 |
| {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu | -2 |
| Výsledek | 0 / 100 |
Vnímatelnost
{n} polí formuláře bez rozpoznatelného popisku
Zkontrolujte, zda existuje aria-label nastavené přes JavaScript.
input, select, textarea
Toto byste měli udělat: Propojte každé pole s prvkem <label for> nebo nastavte aria-label / aria-labelledby. Samotný placeholder nestačí.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.button-spon
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.button-effi
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.button-mmo
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.button-hbm
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
input::placeholder, textarea::placeholder
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
body .richtext--inverted p
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
body .richtext--inverted a
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
body .richtext--inverted a:focus
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.richtextcredit.richtextcredit--inverted a
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.richtextsystem.richtextsystem--inverted a
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.richtextsystem.richtextsystem--inverted a:hover
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.richtextsystem.richtextsystem--inverted a:focus
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.text-shade-base
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.text-shade-light
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.text-shade-lighter
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.text-shade-lightest
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.text-white
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.placeholder-shade-base::-moz-placeholder
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.placeholder-shade-base::placeholder
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.hover\:text-shade-lighter:hover
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.hover\:text-shade-lightest:hover
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.hover\:text-white:hover
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.focus\:text-shade-base:focus
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.focus\:text-shade-lighter:focus
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.focus\:text-white:focus
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.disabled\:text-shade-base:disabled
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.disabled\:text-shade-light:disabled
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.peer:disabled~.peer-disabled\:text-shade-base
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.debug.svelte-1x5iokp
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.text-effi-primary-base
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.text-elf-primary-base
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.text-shade-dark
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.text-spon-primary-base
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu
Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {examples}
.disabled\:text-shade-dark:disabled
Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
Ovladatelnost
{n} odkazů bez rozpoznatelného názvu v HTML
Prázdné odkazy nebo jen ikona/obrázek bez alt. aria-label nastavené přes JavaScript zde není rozpoznáno.
a
Toto byste měli udělat: Doplňte viditelný text odkazu, u odkazů s ikonou použijte aria-label nebo obrázek s alt.
{n} tlačítek bez názvu v HTML
Tlačítka bez textu a bez aria-label jsou pro čtečky obrazovky němá — pokud se název nenastavuje přes JavaScript.
button
Toto byste měli udělat: Doplňte text tlačítka nebo nastavte aria-label.
V doručeném HTML žádný nadpis <h1>
Každá stránka by měla začínat přesně jedním h1. U stránek sestavovaných přes JavaScript může h1 vzniknout až v prohlížeči — pak zkontrolujte v renderovaném DOM.
body
Toto byste měli udělat: Vložte smysluplný <h1> jako první nadpis (pokud možno už na straně serveru).
Již správně vyřešeno
- Textalternativen: keine automatisch erkennbaren Probleme
- Odkaz pro přeskočení na obsah je přítomen
- Orientační bod <main> je přítomen
Další kroky
- {n} polí formuláře bez rozpoznatelného popisku. Propojte každé pole s prvkem <label for> nebo nastavte aria-label / aria-labelledby. Samotný placeholder nestačí.
- {n} odkazů bez rozpoznatelného názvu v HTML. Doplňte viditelný text odkazu, u odkazů s ikonou použijte aria-label nebo obrázek s alt.
- {n} tlačítek bez názvu v HTML. Doplňte text tlačítka nebo nastavte aria-label.
- {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu. Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
- {n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu. Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.
Týdenní opakované skenování, s renderováním JS, e-mail při nových bariérách — už brzy.
Vytvořit prohlášení o přístupnosti →
Metoda & hranice
Dne 31. 8. 2026 bylo zkontrolováno HTML, které www.spiegel.de doručuje při prvním přístupu bez přihlášení, a až čtyři připojené soubory CSS ze stejné domény. Zkontrolováno: barevný kontrast (z CSS), textové alternativy, popisky formulářů, názvy ovládacích prvků, struktura nadpisů, název a jazyk stránky, blokování přiblížení, duplicitní id, kladné hodnoty tabindex, orientační body.
Nezkontrolováno: vše, co vzniká přes JavaScript, ovladatelnost klávesnicí, viditelný fokus, pořadí fokusu, oznámení čtečky obrazovky, obsah za přihlášením, podstránky. Automatický test najde zhruba 20–35 % porušení WCAG — zbytek vyžaduje ruční kontrolu. Momentka, nikoli právní rozhodnutí.