Demo

Pealkirjad

See pealkiri jättis taseme vahele:

Sellel pealkirjal pole üldse teksti:

See lühike tsitaadiplokk võib olla pealkiri:

See täielikult rasvane lõik võib olla pealkiri:

Olen võltspealkiri

See pealkiri on väga pikk:

Piltide tekstialternatiiivid

See pealkiri on loodud tekstipildist ilma alternatiivtekstita:

Pilt üldse ilma alt-atribuudita:

Pilt vigase alt-atribuudiga, nt alt="'"

Pilt failinimega alternatiivtekstina

Pilt üleliigse tekstiga alternatiivtekstis, nt „pilt:"

Lingitud pilt üleliigse tekstiga alternatiivtekstis, nt „pilt:"

Pilt ajutise alternatiivtekstiga:

Lingitud pilt ajutise alternatiivtekstiga:

Pilt masinkoodiga alternatiivtekstiga:

Lingitud pilt masinkoodiga alternatiivtekstiga:

Pilt väga pika alternatiivtekstiga:

Pildid linkides, kus alternatiivtekst võib kirjeldada pilti, mitte linki

Sellel lingil on tekst ja pilt.

Iga lingitud pilt (test vaikimisi välja lülitatud)

Pilt kujundis märgitud dekoratiivseks:

Pilt kujundis, mille alternatiivtekst on sama kui figcaption:

Pilt karusellil ilma alternatiivtekstita:

Kontrastsus

Loetamatu värvikombinatsioon:

Värv vajab käsitsi kontrollimist:

SVG graafik ebapiisava kontrastsusega

SVG graafik, kus kontrastsus vajab käsitsi kontrollimist

Manustused & Meedia

Video, mis on märgitud käsitsi kontrollimiseks subtitreerimise osas:

Heli vajab transkripti:

Iframe ilma pealkirjata, mis vajab ka käsitsi kontrollimist:

Mittefokuseeritav iframe:

Pesastatud interaktiivsed komponendid

Tähenduslikud lingid

Lingid üldse ilma tekstita

Tühjad lingid

Lingid, mille sildiks on ainult URL:

https://www.youtube.com/watch?v=DLzxrzFCyOs

Lingid, mille sildiks on ainult sümbolid:

↣

Sama nimega lingid viivad erinevatele kohtadele

Kilpkonnad Kilpkonnad

Lingid, mille sildiks on ainult DOI number:

doi.org/10.1145/3493612.3520468

Lingid tähendusetu sildiga:

Klõpsake siia

Lingitud ikoonid ilma tekstialternatiiivideta:

Lingid, mis avanevad uues aknas ilma välise lingi ikoni või tekstihoiatuseta

Hoiatus uues aknas avanemise testi jaoks.

Lingid PDF-idele

Naudi.

Lingid teistele dokumentidele

Võlts doc-link.

Lingid üleliigse title-atribuudiga

Hõljuta mind

Lingid atribuutidega, mis eemaldavad need tabeldusindeksist:

Aria-peidetud lingid ilma negatiivse tabindexita.

Lingid aria-labelledby atribuutidega elementidele, millel pole teksti:

Lingid üldiste sõnadega oma aria-sildis:

loe rohkem

Lingitud pilt ilma alternatiivtekstita:

Lingitud pilt hääldamatu alternatiivtekstiga:

Lingitud pilt ilma alt-tekstiatribuudita:

Lingitud pilt ilma alt-tekstiatribuudita lingis, milles on tekst:

Otsi

Lingitud pilt ainult failinimega alternatiivtekstina:

Lingitud pilt kahtlaselt pika alternatiivtekstiga:

Katkised lehe sisemised lingid

Sellist ID-d pole olemas.

Lingid arendusserverisse

Oops

Duplikaatankrud

Ankur 1 Ankur 2

Tabelid

Tabelid ilma kehtivate päisteta

Loetavus

Allajoonitud tekst

Natuke kursiivis on fine, kuid suured kaldkirja tekstiplokid pole väga loetavad. Natuke on muidugi vastuvõetav, kuid on piirid ja terve lõik on liiga palju. See, näiteks, on terve lõik. See on natuke raske lugeda, eks? Kuid see test ei käivitu enne, kui see on nii pikk, nii et te ei tohiks näha valehoiatusi oma sisus, välja arvatud juhul, kui kirjutate tõesti suuri lõike regulaarselt.

Joondatud tekst

Ülemäärane ülaindeks või alaindeks; _{alaindeksit tuleks kasutada väikeste viidete ja joonealuste märkuste jaoks, mitte tervete lausete või lõikude jaoks.}

Väga väike font

Vormid

Nupp ilma sildita

Sisendid nähtamatu sildiga, mis küsivad, kas on ka nähtav silt.

Sisendid ainult kohahoidja sildiga, mis küsivad, kas on ka nähtav silt.

Tabelduse järjekorra rikkumine