Demo

Titluri

Acest titlu a sărit un nivel:

Acest titlu nu are deloc text:

Acest citat scurt ar putea fi un titlu:

Acest paragraf complet bold ar putea fi un titlu:

Sunt un titlu fals

Acest titlu este foarte lung:

Text alternativ pentru imagini

Acest titlu este format dintr-o imagine de text fără alt:

Imagine fără atribut alt deloc:

Imagine cu un atribut alt invalid, de exemplu, alt="'"

Imagine cu un nume de fișier ca alt

Imagine cu text redundant în textul alternativ, cum ar fi „imagine de:"

Imagine legată cu text redundant în textul alternativ, cum ar fi „imagine de:"

Imagine cu text alternativ de tip substituent:

Imagine legată cu text alternativ de tip substituent:

Imagine cu text alternativ în cod mașinare:

Imagine legată cu text alternativ în cod mașinare:

Imagine cu text alternativ foarte lung:

Imagini în linkuri unde textul alternativ ar putea descrie imaginea în loc de link

Acest link are text și o imagine.

Orice imagine legată (test dezactivat implicit)

Imagine în figure marcată decorativă:

Imagine în figure cu un alt identic cu figcaption:

Imagine într-un carusel fără alt:

Contrast

Combinație de culori ilizibilă:

Culoarea necesită o verificare manuală:

Grafic SVG fără suficient contrast

Grafic SVG unde contrastul necesită o verificare manuală

Conținut media încorporat

Video marcat ca necesitând verificare manuală pentru subtitrare:

Conținutul audio necesită o transcriere:

Frame fără titlu, care necesită totodată o verificare manuală:

Frame nefocusabil:

Componente interactive înglobate

Linkuri semnificative

Linkuri fără niciun text

Linkuri goale

Linkuri etichetate doar cu un URL:

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

Linkuri etichetate doar cu simboluri:

↣

Linkuri cu același nume duc în locuri diferite

Broaște țestoase Broaște țestoase

Linkuri etichetate doar cu un număr DOI:

doi.org/10.1145/3493612.3520468

Linkuri cu etichete lipsite de sens:

Click here

Iconițe legate fără text alternativ:

Linkuri care se deschid într-o fereastră nouă fără pictogramă de link extern sau avertizare text

Alertă pentru testul opens-in.

Linkuri către PDF-uri

Distracție plăcută.

Linkuri spre alte documente

Un link fals de doc.

Linkuri cu atribute title redundante

Hover me

Linkuri cu atribute care le exclud din ordinea de tab:

Linkuri aria-hidden fără un tabindex negativ.

Linkuri cu atribute aria-labelledby ce trimit spre elemente fără text:

Linkuri cu cuvinte generice în eticheta aria:

learn more

Imagine legată fără text alternativ:

Imagine legată cu text alternativ nepronunțabil:

Imagine legată fără atribut text alternativ:

Imagine legată fără atribut text alternativ, într-un link cu text:

Căutare

Imagine legată cu doar un nume de fișier ca text alternativ:

Imagine legată cu text alternativ suspect de lung:

Linkuri întrerupte în pagină

Nu există un astfel de ID.

Linkuri către serverul de dezvoltare

Oops

Ancore duplicate

Ancoră 1 Ancoră 2

Tabele

Tabele fără anteturi valabile

Lizibilitate

Text subliniat

Puțin italic este bine, dar blocuri mari de text accentuat nu sunt foarte lizibile. Puțin este acceptabil, desigur, dar există limite, iar un paragraf întreg este mult prea mult. Acesta, de exemplu, este un paragraf întreg. Este oarecum greu de citit, nu? Dar acest test nu se declanșează până nu este atât de lung, deci nu ar trebui să vedeți fals pozitive în conținutul dvs. dacă nu scrieți paragrafe cu adevărat mari ca acesta în mod regulat.

Text aliniat

Superscript sau subscript excesiv; _{subscriptul trebuie folosit pentru referințe mici și note de subsol, nu pentru propoziții sau paragrafe întregi.}

Fonturi minuscule

Formulare

Buton fără etichetă

Câmpuri cu o etichetă invizibilă, întrebând dacă există și o etichetă vizibilă.

Câmpuri cu doar o etichetă substituent, întrebând dacă există și o etichetă vizibilă.

Ordinea de tab perturbată