Demonstracija
Peržiūrėkite vaizdo įrašo įžangą apie tikrintuvo istoriją ir funkcijas,
arba pabandykite redaguoti toliau pateiktą demonstracinį turinį, atidaryti ir atsisakyti įspėjimų,
ir naudoti įrankių juostą (), kad peržiūrėtumėte antraščių struktūrą. Ši demonstracija apima tiek pagrindinius testus, tiek CSA paketą.
Ši demonstracija naudoja TinyMCE redaktorių. Editoria11y suderinamas su dauguma teksto redaktorių ir turi integruotus CKEditor ir Gutenberg sprendimus WordPress ir Drupal sistemoms.
Antraštės
Ši antraštė praleido lygį:
Oi
Ši antraštė visai neturi teksto:
Ši trumpa blokuotė gali būti antraštė:
Aš netikra antraštė
Ši visa paryškintoji pastraipa gali būti antraštė:
Aš netikra antraštė
Ši antraštė labai ilga:
Antraštės ir paantraštės sukuria naršomą turinio lentelę pagalbinėms technologijoms. Skaičiai rodo įdūbimus įdėtiniuose santykiuose. Labai ilgos antraštės greičiausiai reiškia, kad autorius antraštėje sako per daug.
Vaizdo tekstinės alternatyvos
Ši antraštė sudaryta iš teksto vaizdo be alternatyvaus teksto:
Vaizdas visai be alt atributo:

Vaizdas su netinkamu alt atributu, pvz., alt="'"

Vaizdas su failo pavadinimu kaip alternatyvus tekstas

Vaizdas su pertekliniu tekstu alternatyviame tekste, pvz., „vaizdo:"

Susietas vaizdas su pertekliniu tekstu alternatyviame tekste, pvz., „vaizdo:"
Vaizdas su laikiniu alternatyviu tekstu:

Susietas vaizdas su laikiniu alternatyviu tekstu:
Vaizdas su mašininiu kodu kaip alternatyvus tekstas:

Susietas vaizdas su mašininiu kodu kaip alternatyvus tekstas:
Vaizdas su labai ilgu alternatyviu tekstu:

Vaizdo nuorodos, kur alternatyvus tekstas gali aprašyti vaizdą, o ne nuorodą
Ši nuoroda turi tekstą ir
vaizdą.
Bet kokia susieta nuotrauka (numatyta išjungta)
Figūros vaizdas pažymėtas kaip dekoratyvus:
Figūros vaizdas su tuo pačiu alt tekstu kaip figcaption:
Karuselės vaizdas be alternatyvaus teksto:
Kontrastas
Neįskaitoma spalvų kombinacija:
Puikiai įskaitoma.
Spalva reikalauja rankinio patikrinimo:
Ir neskaičiuojama.
SVG grafika su nepakankamu kontrastu
SVG grafika, kurios kontrasto reikia rankinio patikrinimo
Įterpiniai ir medija
Vaizdo įrašas, pažymėtas kaip reikalaujantis rankinio subtitravimo patikrinimo:
Garso įrašui reikia transkripcijos:
Iframe be pavadinimo, kuriam taip pat reikia rankinio patikrinimo:
Iframe neprieinamas klaviatūrai:
Įdėtiniai interaktyvieji komponentai
Akordeonas
Akordeonas
Surprise!Prasmingos nuorodos
Nuorodos visai be teksto
Nuorodos, pažymėtos tik URL:
https://www.youtube.com/watch?v=DLzxrzFCyOs
Nuorodos, pažymėtos tik simboliais:
Nuorodos tuo pačiu pavadinimu nukreipia į skirtingas vietas
Nuorodos, pažymėtos tik DOI numeriu:
doi.org/10.1145/3493612.3520468
Nuorodos su beprasmiu tekstu:
Susietų piktogramų be tekstinių alternatyvų:
Nuorodos, atidaromos naujame lange be išorinės nuorodos piktogramos ar teksto įspėjimo
Įspėjimas dėl atidarymo naujame lange testo.
Nuorodos į PDF failus
Nuorodos į kitus dokumentus
Nuorodos su pertekliniais title atributais
Nuorodos su atributais, pašalinančiais jas iš tabuliacijos eiliškumo:
Nuorodos, kurių aria-labelledby atributai nurodo elementus be teksto:
Nuorodos su bendriniais žodžiais jų aria žymėje:
Susietas vaizdas be alternatyvaus teksto:
Susietas vaizdas su neištariamu alternatyviu tekstu:
Susietas vaizdas be alt teksto atributo:
Susietas vaizdas be alt teksto atributo nuorodoje su tekstu:
Susietas vaizdas su tik failo pavadinimu kaip alternatyviu tekstu:
Susietas vaizdas su įtartinai ilgu alternatyviu tekstu:
Sugedusios vidinio puslapio nuorodos
Nuorodos į kūrimo serverį
Pasikartojantys inkarai
Lentelės
Lentelės be tinkamų antraščių
| Lentelė be TH antraštės yra negaliojanti |
Turinio antraštės neskaičiuojamos |
Turinio antraštės testo išjungimas lentelių viduje |
| Tuščios antraštės | |
|---|---|
| Radau | 700 vėžlių vaizdo įrašų |
| Kiekvienas | 2 sekundžių trukmės |
Įskaitomumas
KELETAS ŽODŽIŲ IŠ EILĖS DIDŽIOSIOMIS RAIDĖMIS SUAKTYVINS RANKINIO PATIKRINIMO ĮSPĖJIMĄ.
Pabrauktas tekstas
Nedidelė kursyvo dalis yra tinkama, tačiau dideli paryškintu šriftu ar kursyvu parašyti teksto blokai nėra labai įskaitomi. Nedidelė dalis, žinoma, priimtina, tačiau yra ribos, o visa pastraipa yra per daug. Ši, pavyzdžiui, yra visa pastraipa. Šiek tiek sunku skaityti, ar ne? Tačiau šis testas nesuveikia, kol jis nėra toks ilgas, todėl turinyje neturėtumėte matyti klaidingų teigiamų rezultatų, nebent reguliariai rašote tokias dideles pastraipas.
Lygiuotas tekstas
Per daug viršutinių ar apatinių indeksų; apatinis indeksas turėtų būti naudojamas mažoms nuorodoms ir išnašoms, o ne visiems sakiniams ar pastraipoms.
Labai maži šriftai
* Netikri sąrašai naudojant įprastus simbolius,
* raides, skaičius ir emoji.
Formos
Mygtukas be žymės
Įvestys su nematoma žyme, klausiančios ar yra ir matoma žymė.
Įvestys su tik laikiname tekste esančia žyme, klausiančios ar yra ir matoma žymė.
Mygtukas su prieinamu pavadinimu, skirtingu nuo jo matomos žymės.
Mygtukas su netinkamu aria-labelledby atributu.
Mygtukas su pertekline žyme.
Atstatymo mygtukas.