Tarkistettu 31.8.2026 · https://www.spiegel.de/
32 kriittinen esten · lisäksi 7 tarkistettavaa.
Miten pistemäärä muodostuu? (100 aloituspistettä)
| {n} lomakekenttää ilman tunnistettavaa merkintää | -18 |
| {n} linkkiä ilman tunnistettavaa nimeä HTML:ssä | -18 |
| {n} painiketta ilman nimeä HTML:ssä | -18 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -18 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -6 |
| Ei <h1>-otsikkoa toimitetussa HTML:ssä | -7 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -2 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -2 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -2 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -2 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -2 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -2 |
| Tulos | 0 / 100 |
Havaittava
{n} lomakekenttää ilman tunnistettavaa merkintää
Tarkista, onko olemassa JavaScriptillä asetettu aria-label.
input, select, textarea
Näin sinun kannattaa toimia: Yhdistä jokainen kenttä <label for> -elementtiin tai aseta aria-label / aria-labelledby. Pelkkä placeholder ei riitä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.button-spon
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.button-effi
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.button-mmo
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.button-hbm
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
input::placeholder, textarea::placeholder
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
body .richtext--inverted p
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
body .richtext--inverted a
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
body .richtext--inverted a:focus
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.richtextcredit.richtextcredit--inverted a
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.richtextsystem.richtextsystem--inverted a
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.richtextsystem.richtextsystem--inverted a:hover
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.richtextsystem.richtextsystem--inverted a:focus
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.text-shade-base
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.text-shade-light
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.text-shade-lighter
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.text-shade-lightest
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.text-white
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.placeholder-shade-base::-moz-placeholder
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.placeholder-shade-base::placeholder
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.hover\:text-shade-lighter:hover
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.hover\:text-shade-lightest:hover
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.hover\:text-white:hover
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.focus\:text-shade-base:focus
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.focus\:text-shade-lighter:focus
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.focus\:text-white:focus
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.disabled\:text-shade-base:disabled
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.disabled\:text-shade-light:disabled
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.peer:disabled~.peer-disabled\:text-shade-base
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.debug.svelte-1x5iokp
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.text-effi-primary-base
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.text-elf-primary-base
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.text-shade-dark
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.text-spon-primary-base
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
{n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: {examples}
.disabled\:text-shade-dark:disabled
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
Hallittava
{n} linkkiä ilman tunnistettavaa nimeä HTML:ssä
Tyhjät linkit tai vain kuvake/kuva ilman alt-tekstiä. JavaScriptillä asetettua aria-labelia ei tunnisteta tässä.
a
Näin sinun kannattaa toimia: Lisää näkyvä linkkiteksti, tai käytä kuvakelinkeissä aria-labelia tai alt-tekstillistä kuvaa.
{n} painiketta ilman nimeä HTML:ssä
Painikkeet ilman tekstiä ja ilman aria-labelia ovat ruudunlukijoille mykkiä — ellei nimeä aseteta JavaScriptillä.
button
Näin sinun kannattaa toimia: Lisää painikkeen teksti tai aseta aria-label.
Ei <h1>-otsikkoa toimitetussa HTML:ssä
Jokaisen sivun tulisi alkaa täsmälleen yhdellä h1:llä. JavaScriptillä rakennettavilla sivuilla h1 voi syntyä vasta selaimessa — tarkista silloin renderöidystä DOM:ista.
body
Näin sinun kannattaa toimia: Lisää merkityksellinen <h1> ensimmäiseksi otsikoksi (mielellään jo palvelinpuolella).
Jo ratkaistu oikein
- Textalternativen: keine automatisch erkennbaren Probleme
- Ohituslinkki sisältöön on olemassa
- <main>-maamerkki on olemassa
Seuraavat askeleet
- {n} lomakekenttää ilman tunnistettavaa merkintää. Yhdistä jokainen kenttä <label for> -elementtiin tai aseta aria-label / aria-labelledby. Pelkkä placeholder ei riitä.
- {n} linkkiä ilman tunnistettavaa nimeä HTML:ssä. Lisää näkyvä linkkiteksti, tai käytä kuvakelinkeissä aria-labelia tai alt-tekstillistä kuvaa.
- {n} painiketta ilman nimeä HTML:ssä. Lisää painikkeen teksti tai aseta aria-label.
- {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni. Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
- {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni. Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
Viikoittainen uusintaskannaus, JS-renderöity, sähköposti uusista esteistä — tulossa pian.
Menetelmä & rajat
31.8.2026 tarkistettiin se HTML, jonka www.spiegel.de toimittaa ensimmäisellä käynnillä ilman kirjautumista, sekä enintään neljä saman verkkotunnuksen linkitettyä CSS-tiedostoa. Tarkistettu: värikontrasti (CSS:stä), tekstivastineet, lomakekentän merkinnät, hallintaelementtien nimet, otsikkorakenne, sivun otsikko ja kieli, zoomauksen lukitus, kaksois-id:t, positiiviset tabindex-arvot, maamerkit.
Ei tarkistettu: kaikki, mikä syntyy JavaScriptillä, näppäimistökäytettävyys, näkyvä kohdistus, kohdistusjärjestys, ruudunlukijan kuulutus, kirjautumisen takana oleva sisältö, alasivut. Automaattinen testi löytää suunnilleen 20–35 % WCAG-rikkomuksista — loput edellyttävät käsin tehtävää arviointia. Tilannekuva, ei oikeudellinen ratkaisu.