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ą (Editoria11y įrankių juostos ekrano nuotrauka, rodanti 4 klaidas.), 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

filename.jpg

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

Image of a dog.

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

Image of a dog.

Vaizdas su laikiniu alternatyviu tekstu:

TBD

Susietas vaizdas su laikiniu alternatyviu tekstu:

TBD

Vaizdas su mašininiu kodu kaip alternatyvus tekstas:

$700VIDEOSABOUTTURTLESALL2SECONDSLONG

Susietas vaizdas su mašininiu kodu kaip alternatyvus tekstas:

$700VIDEOSABOUTTURTLESALL2SECONDSLONG

Vaizdas su labai ilgu alternatyviu tekstu:

Žiūrėkite į šį šuniuką. Šis šuniukas toks laimingas. Šis šuniukas išėjo pasivaikščioti ir pasivaikščiojimas nuvedė prie ežero ir ten buvo visokiausių žavingų kvapų. Kokia nuostabi diena buvo šiam šuniukui.

Ši nuoroda turi tekstą ir vaizdą.Graži pilka dėžė

Labas

Figūros vaizdas pažymėtas kaip dekoratyvus:

Figcaption yra.

Figūros vaizdas su tuo pačiu alt tekstu kaip figcaption:

Figcaption yra tas pats kaip alt
Figcaption yra tas pats kaip alt

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:

Playback disabled to prevent cookies.

Garso įrašui reikia transkripcijos:

Iframe be pavadinimo, kuriam taip pat reikia rankinio patikrinimo:

Iframe neprieinamas klaviatūrai:

Įdėtiniai interaktyvieji komponentai

Akordeonas
AkordeonasSurprise!

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.

  • Trūksta UL žymės
  • 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.

    Tabuliacijos tvarkos sutrikdymas