Demo

Katso videoesittely tarkistimen historiasta ja ominaisuuksista, tai kokeile muokata alla olevaa demosisältöä, avata ja hylätä varoituksia, ja käytä työkalupalkkia ( Kuvakaappaus Editoria11y-työkalupalkista, jossa näkyy 4 virhettä. ) otsikkorakenteen katselemiseen. Tämä demo sisältää sekä ydintestit että CSA-paketin.

Tämä demo käyttää TinyMCE-editoria. Editoria11y on yhteensopiva useimpien tekstieditoreiden kanssa, ja sillä on valmiit integraatiot CKEditorille ja Gutenbergille WordPressissä ja Drupalissa.

Otsikot

Tämä otsikko ohitti tason:

Hups

Tässä otsikossa ei ole lainkaan tekstiä:

Tämä lyhyt lainaus saattaa olla otsikko:

Olen väärä otsikko

Tämä kaikki-lihavoitu kappale saattaa olla otsikko:

Olen väärä otsikko

Tämä otsikko on todella pitkä:

Otsikot ja alaotsikot luovat navigoitavan sisällysluettelon apuvälineille. Numerot osoittavat sisennetyn sisäkkäissuhteen. Erittäin pitkät otsikot tarkoittavat todennäköisesti, että tekijä sanoo liian paljon otsikossa.

Kuvien tekstivaihtoehdot

Tämä otsikko on tehty tekstikuvasta ilman alt-tekstiä:

Kuva ilman alt-attribuuttia lainkaan:

Kuva, jolla on virheellinen alt-attribuutti, esim. alt="'"

Kuva, jonka alt-tekstinä on tiedostonimi

Kuva, jonka alt-tekstissä on tarpeettomia sanoja, kuten “kuva:”

Image of a dog.

Linkitetty kuva, jonka alt-tekstissä on tarpeettomia sanoja, kuten “kuva:”

Kuva, jolla on paikkamerkkiteksti alt-tekstinä:

TBD

Linkitetty kuva, jolla on paikkamerkkiteksti alt-tekstinä:

Kuva, jonka alt-tekstinä on konekoodi:

$700VIDEOSABOUTTURTLESALL2SECONDSLONG

Linkitetty kuva, jonka alt-tekstinä on konekoodi:

Kuva, jonka alt-teksti on erittäin pitkä:

Look at this doggy. This doggy is so happy. This doggy got to go on a walk and the walk went to a lake and there were all kinds of fascinating smells. What an amazing day this doggy had.

Kuvia linkeissä, joissa alt-teksti saattaa kuvailla kuvaa linkin sijaan

Tässä linkissä on tekstiä ja kuva. A lovely gray box

Mikä tahansa linkitetty kuva (testi oletuksena pois käytöstä)

Kuva koristeellisena merkityssä figure-elementissä:

Kuva figure-elementissä, jolla on sama alt-teksti kuin figcaptionilla:

Kuva karusellissa ilman alt-tekstiä:

Kontrasti

Lukukelvoton värikombinaatio:

Erittäin luettava.

Väri vaatii manuaalisen tarkistuksen:

Ja laskematon.

Input with low contrast

Color of placeholder cannot be calculated

SVG-grafiikka ilman riittävää kontrastia

SVG-grafiikka, jonka kontrasti vaatii manuaalisen tarkistuksen

Upotukset & media

Video merkitty manuaalista tekstitarkistusta vaativaksi:

Playback disabled to prevent cookies.

Ääni tarvitsee tekstityksen:

Iframe, josta puuttuu otsikko ja joka myös vaatii manuaalisen tarkistuksen:

Iframe, johon ei voi siirtyä näppäimistöllä:

Sisäkkäiset interaktiiviset komponentit

Akordeon

Surprise!

Merkitykselliset linkit

Linkit ilman lainkaan tekstiä

Tyhjät linkit

Vain URL-osoitteella merkityt linkit:

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

Vain symboleilla merkityt linkit:

↣

Samannimisillä linkeillä on eri kohteet

Kilpikonnat Kilpikonnat

Vain DOI-numerolla merkityt linkit:

doi.org/10.1145/3493612.3520468

Merkityksettömillä otsikoilla varustetut linkit:

Klikkaa tästä

Linkitetyt kuvakkeet ilman tekstivaihtoehtoja:

Linkit, jotka avautuvat uudessa ikkunassa ilman ulkoisen linkin kuvaketta tai tekstivaroitusta

Varoitus avautuu-uudessa-ikkunassa -testille.

Linkit PDF-tiedostoihin

Hauskaa.

Linkit muihin asiakirjoihin

Väärä doc-linkki.

Linkit, joilla on turhat title-attribuutit

Vie kursori tänne

Linkit, joilla on attribuutteja, jotka poistavat ne tab-indeksistä:

Linkit aria-labelledby-attribuuteilla elementteihin, joissa ei ole tekstiä:

Linkit, joiden aria-merkinnässä on yleisiä sanoja:

lue lisää

Linkitetty kuva ilman alt-tekstiä:

Linkitetty kuva, jonka alt-teksti ei ole lausuttavissa:

Linkitetty kuva ilman alt-teksti-attribuuttia:

Linkitetty kuva ilman alt-teksti-attribuuttia tekstiä sisältävässä linkissä:

Haku

Linkitetty kuva, jonka alt-tekstinä on pelkkä tiedostonimi:

Linkitetty kuva, jonka alt-teksti on epäilyttävän pitkä:

Rikkinäiset sivun sisäiset linkit

Tällaista ID:tä ei ole.

Linkit kehityspalvelimelle

Hups

Päällekkäiset ankkurit

Ankkuri 1 Ankkuri 2

Taulukot

Taulukot ilman voimassa olevia otsikoita

Taulukko ilman TH-otsikkoa on virheellinen

Outline-otsikot eivät kelpaa

Poista käytöstä sisältöotsikkotesti taulukoiden sisällä

	Tyhjät otsikot
Löysin	700 videota kilpikonnista
Kukin	2 sekuntia pitkä

Luettavuus

USEITA PERÄKKÄISIÄ SANOJA ISOILLA KIRJAIMILLA LAUKAISEE MANUAALISEN TARKISTUSVAROITUKSEN.

Alleviivattu teksti

Pieni kursivointi on hyväksyttävää, mutta suuret lohkot korostettua tekstiä eivät ole kovin luettavia. Pieni määrä on tietenkin hyväksyttävää, mutta on rajansa, ja kokonainen kappale on aivan liikaa. Tämä esimerkiksi on kokonainen kappale. Melko vaikea lukea, eikö olekin? Mutta tämä testi ei laukea ennen kuin se on näin pitkä, joten sinun ei pitäisi nähdä vääriä positiivisia sisällössäsi, ellet kirjoita säännöllisesti näin pitkiä kappaleita.

Tasattu teksti

Liiallinen yläindeksi tai alaindeksi; _{alaindeksiä tulisi käyttää pieniin viitteisiin
ja alaviitteisiin, ei kokonaisiin lauseisiin tai kappaleisiin.}

Pikkuiset fontit

* Väärät listat yleisiä merkkejä käyttäen,

* kirjaimia, numeroita ja emojeja.

Puuttuva UL-tunniste

Lomakkeet

Painike ilman merkintää

Kentät, joilla on vain piilotettu merkintä — tarkistin kysyy, onko myös näkyvä merkintä.

Kentät, joilla on vain paikkamerkki merkintänä — tarkistin kysyy, onko myös näkyvä merkintä.

Painike, jolla on saavutettava merkintä, joka eroaa näkyvästä merkinnästä.

Painike, jolla on virheellinen aria-labelledby-attribuutti.

Painike, jolla on turha merkintä.

Nollaa-painike.

Tab-indeksin sekoittaminen