Demo

Skatiet video ievadu par pārbaudītāja vēsturi un funkcijām, vai mēģiniet rediģēt tālāk redzamo demo saturu, atverot un noraidot brīdinājumus, un izmantojiet rīkjoslu (Ekrānuzņēmums no Editoria11y rīkjoslas, kurā redzamas 4 kļūdas.), lai skatītu virsrakstu struktūru. Šis demo ietver gan pamata pārbaudes, gan CSA komplektu.

Šis demo izmanto TinyMCE redaktoru. Editoria11y ir saderīgs ar lielāko daļu teksta redaktoru un tam ir gatavas ieviešanas CKEditor un Gutenberg redaktoriem WordPress un Drupal.

Virsraksti

Šis virsraksts izlaida līmeni:

Opa

Šim virsrakstam nav teksta vispār:

Šis īsais citāts varētu būt virsraksts:

Es esmu viltus virsraksts

Šis pilnībā treknrakstā rakstītais rindkopa varētu būt virsraksts:

Es esmu viltus virsraksts

Šis virsraksts ir ļoti garš:

Virsraksti un apakšvirsraksti veido naviģējamu satura rādītāju palīgtehnoloģijām. Skaitļi norāda ligzdošanas attiecības atkāpes. Ļoti gari virsraksti, iespējams, nozīmē, ka autors virsrakstā saka pārāk daudz.

Attēlu teksta alternatīvas

Šis virsraksts ir veidots no teksta attēla bez alternatīvā teksta:

Attēls bez alt atribūta vispār:

Attēls ar nederīgu alt atribūtu, piem., alt="'"

'

Attēls ar faila nosaukumu kā alternatīvo tekstu

filename.jpg

Attēls ar liekvārdīgu tekstu alternatīvajā tekstā, piemēram, "attēls ar:"

Image of a dog.

Saistīts attēls ar liekvārdīgu tekstu alternatīvajā tekstā, piemēram, "attēls ar:"

Image of a dog.

Attēls ar viettura alternatīvo tekstu:

TBD

Saistīts attēls ar viettura alternatīvo tekstu:

TBD

Attēls ar mašīnkoda alternatīvo tekstu:

$700VIDEOSABOUTTURTLESALL2SECONDSLONG

Saistīts attēls ar mašīnkoda alternatīvo tekstu:

$700VIDEOSABOUTTURTLESALL2SECONDSLONG

Attēls ar ļoti garu alternatīvo tekstu:

Skatieties uz šo sunīti. Šis sunītis ir tik laimīgs. Šis sunītis devās pastaigā un pastaiga noveda pie ezera, un tur bija visādas aizraujošas smakas. Kāda brīnišķīga diena šim sunītim bija.

Šajā saitē ir teksts un attēls.A lovely gray box

Hello there

Attēls figūrā atzīmēts kā dekoratīvs:

Ir figcaption.

Attēls figūrā ar tādu pašu alternatīvo tekstu kā figcaption:

Figcaption ir tāds pats kā alt
Figcaption ir tāds pats kā alt

Attēls karuselī bez alternatīvā teksta:

Kontrasts

Nesalasāma krāsu kombinācija:

Ļoti salasāms.

Krāsai nepieciešama manuāla pārbaude:

Un neaprēķināms.

SVG grafika ar nepietiekamu kontrastu

SVG grafika, kuras kontrastam nepieciešama manuāla pārbaude

Iestrādājumi & Mediji

Video, kas atzīmēts kā nepieciešama manuāla titru pārbaude:

Playback disabled to prevent cookies.

Audio nepieciešams transkripts:

Iframe bez virsraksta, kam arī nepieciešama manuāla pārbaude:

Iframe bez fokusu:

Ligzdoti interaktīvie komponenti

Akordeonu
AkordeonuSurprise!

Tabulas

Tabulas bez derīgiem virsrakstiem

Tabula bez TH virsraksta ir nederīga

Struktūras virsraksti netiek rēķināti

Atspējot jāatspējo satura virsrakstu pārbaude tabulās

Tukši virsraksti
Es atklāju 700 bruņurupuču videoklipus
Katrs 2 sekundes garš

Lasāmība

VAIRĀKI VĀRDI PĒC KĀRTAS LIELAJIEM BURTIEM AKTIVIZĒS MANUĀLAS PĀRBAUDES BRĪDINĀJUMU.

Pasvītrots teksts

Nedaudz kursīvs ir pieņemams, bet lieli kursīvā teksta bloki nav ļoti salasāmi. Nedaudz ir pieņemams, protams, bet ir robežas, un vesela rindkopa ir pārāk daudz. Šis, piemēram, ir vesela rindkopa. To ir grūti lasīt, vai ne? Bet šī pārbaude netiek aktivizēta, kamēr tā nav tik gara, tāpēc jūsu saturā nevajadzētu būt viltus pozitīviem rezultātiem, ja vien regulāri nerakstāt tik lielas rindkopas kā šī.

Izlīdzināts teksts

Pārmērīgs augšraksts vai apakšraksts; apakšraksts jāizmanto nelielām atsaucēm un zemsvītras piezīmēm, nevis veseliem teikumiem vai rindkopām.

Ļoti mazs fonts

* Viltus saraksti, izmantojot parastos rakstzīmes,

* burtus, skaitļus un emocijzīmes.

  • Trūkstošs UL tags
  • Formas

    Poga bez apzīmējuma

    Ievades lauki ar neredzamu apzīmējumu, jautājot, vai ir arī redzams apzīmējums.

    Ievades lauki tikai ar viettura apzīmējumu, jautājot, vai ir arī redzams apzīmējums.

    Poga ar pieejamu apzīmējumu, kas atšķiras no tās redzamā apzīmējuma.

    Poga ar nederīgu aria-labelledby atribūtu.

    Poga ar liekvārdīgu apzīmējumu.

    Atiestatīšanas poga.

    Cilnes indeksa sajaukšana