Demonstracija

Naslovi

Ta naslov je preskočil raven:

Ta naslov sploh nima besedila:

Ta kratki blokni citat je morda naslov:

Ta celoten odstavek v krepkem je morda naslov:

Jaz sem lažni naslov

Ta naslov je res dolg:

Besedilne alternative za slike

Ta naslov je sestavljen iz slike besedila brez alt besedila:

Slika brez atributa alt:

Slika z neveljavnim atributom alt, npr. alt="'"

Slika z imenom datoteke kot alt besedilom

Slika z odvečnim besedilom v alt besedilu, kot je »slika:«

Slika s povezavo z odvečnim besedilom v alt besedilu, kot je »slika:«

Slika z nadomestnim alt besedilom:

Slika s povezavo z nadomestnim alt besedilom:

Slika s strojno generiranim alt besedilom:

Slika s povezavo s strojno generiranim alt besedilom:

Slika z zelo dolgim alt besedilom:

Slike s povezavami kjer alt besedilo morda opisuje sliko namesto povezave

Ta povezava ima besedilo in sliko.

Katerakoli slika s povezavo (test privzeto izklopljen)

Slika v figuri označena kot dekorativna:

Slika v figuri z alt besedilom, enakim kot figcaption:

Slika v vrtiljaku brez alt besedila:

Kontrast

Neberljiva kombinacija barv:

Barva zahteva ročno preverjanje:

SVG grafika z nezadostnim kontrastom

SVG grafika, kjer kontrast zahteva ročno preverjanje

Vstavki & mediji

Video označen kot potreben ročnega preverjanja za podnaslove:

Zvok potrebuje zapis:

Iframe brez naslova, ki prav tako potrebuje ročno preverjanje:

Iframe, ki ga tipkovnica ne more doseči:

Gnezdene interaktivne komponente

Smiselne povezave

Povezave brez besedila

Prazne povezave

Povezave označene samo z URL-jem:

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

Povezave označene samo s simboli:

↣

Povezave z enakimi imeni vodijo na različna mesta

Želve Želve

Povezave označene samo z DOI številko:

doi.org/10.1145/3493612.3520468

Povezave z nesmiselnimi oznakami:

Klikni tukaj

Ikone s povezavo brez besedilnih alternativ:

Povezave, ki se odprejo v novem oknu brez ikone zunanjega kazalca ali besedilnega opozorila

Opozorilo za test odpiranja v novem oknu.

Povezave na PDF-je

Uživajte.

Povezave na druge dokumente

Lažna doc povezava.

Povezave z odvečnimi atributi title

Premikaj se nad mano

Povezave z atributi, ki jih odstranijo iz tab indeksa:

Aria-skrite povezave brez negativnega tabindeksa.

Povezave z aria-labelledby atributi na elemente brez besedila:

Povezave z generičnimi besedami v aria oznaki:

izvedite več

Slika s povezavo brez alt besedila:

Slika s povezavo z neizgovorljivim alt besedilom:

Slika s povezavo brez atributa alt besedila:

Slika s povezavo brez atributa alt besedila v povezavi z besedilom:

Iskanje

Slika s povezavo z imenom datoteke kot edino alt besedilom:

Slika s povezavo s sumljivo dolgim alt besedilom:

Pokvarjene in-page povezave

Takšnega ID-ja ni.

Povezave na razvojni strežnik

Napaka

Podvojeni sidri

Sidro 1 Sidro 2

Tabele

Tabele brez veljavnih glav

Berljivost

Podčrtano besedilo

Malo ležečega pisma je v redu, toda veliki bloki poudarjenega besedila niso zelo berljivi. Malo je seveda sprejemljivo, toda so meje, in cel odstavek je preveč. To je na primer cel odstavek. Precej ga je težko brati, ali ne? Branje celih odstavkov v ležečem pismu je naporno za oči.

Poravnano besedilo

Prekomerna nadpisanost ali podpisanost; _{podpisanost je namenjena majhnim referenčnim oznakam in opombam pod črto, ne celim stavkom ali odstavkom.}

Drobne pisave

Obrazci

Gumb brez oznake

Vnosna polja z nevidno oznako, pri katerih se vprašamo, ali obstaja tudi vidna oznaka.

Vnosna polja z le nadomestno oznako, pri katerih se vprašamo, ali obstaja tudi vidna oznaka.

Mešanje tab indeksa