Demo
Se en videointroduksjon til
verktøyets historie og funksjoner,
eller prøv å redigere demoinnholdet nedenfor, åpne og lukke varsler,
og bruk verktøylinjen () for å se overskriftsstrukturen. Denne demoen
inkluderer både kjernetester og CSA-pakken.
Denne demoen bruker en TinyMCE-editor. Editoria11y er kompatibel med de fleste tekstredigerere, og har ferdige implementasjoner for CKEditor og Gutenberg i WordPress og Drupal.
Overskrifter
Denne overskriften hoppet over et nivå:
Ups
Denne overskriften har ingen tekst i det hele tatt:
Dette korte blokksitattet kan være en overskrift:
Jeg er en falsk overskrift
Dette avsnittet med kun fet skrift kan være en overskrift:
Jeg er en falsk overskrift
Denne overskriften er veldig lang:
Overskrifter og underoverskrifter skaper en navigerbar innholdsfortegnelse for hjelpeteknologi. Tallene angir innrykk i et hierarkisk forhold. Svært lange overskrifter betyr trolig at forfatteren sier for mye i overskriften.
Tekstalternativer for bilder
Denne overskriften er laget av et tekstbilde uten alt-tekst:
Bilde uten alt-attributt i det hele tatt:

Bilde med et ugyldig alt-attributt, f.eks. alt=”'”

Bilde med et filnavn som alt-tekst

Bilde med overflødig tekst i alt-teksten, som «bilde av:»

Lenket bilde med overflødig tekst i alt-teksten, som «bilde av:»
Bilde med plassholder-alt:

Lenket bilde med plassholder-alt:
Bilde med maskingenerert alt-tekst:

Lenket bilde med maskingenerert alt-tekst:
Bilde med svært lang alt-tekst:

Bilder i lenker der alt-teksten kan beskrive bildet i stedet for lenken
Denne lenken har tekst og et
bilde.
Alle lenkede bilder (test av som standard)
Bilde i figur merket som dekorativt:
Bilde i figur med en alt-tekst lik figcaption:
Bilde i en karusell uten alt-tekst:
Kontrast
Uleselig fargekombinasjon:
Veldig lesbart.
Farge må sjekkes manuelt:
Og uberegnelig.
SVG-grafikk uten tilstrekkelig kontrast
SVG-grafikk der kontrasten må sjekkes manuelt
Innbygging og media
Video flagget som krever manuell kontroll av teksting:
Lyd trenger et transskript:
Iframe mangler en tittel og krever også manuell kontroll:
Ikke-fokuserbar iframe:
Nestede interaktive komponenter
Trekkspill
Trekkspill
Overraskelse!Meningsfulle lenker
Lenker uten tekst i det hele tatt
Lenker kun merket med en URL:
https://www.youtube.com/watch?v=DLzxrzFCyOs
Lenker kun merket med symboler:
Lenker med samme navn fører til forskjellige steder
Lenker kun merket med et DOI-nummer:
doi.org/10.1145/3493612.3520468
Lenker med meningsløse etiketter:
Lenkede ikoner uten tekstalternativer:
Lenker som åpnes i et nytt vindu uten et eksternt lenkeikon eller tekstadvarsel
Lenker til PDF-filer
Lenker til andre dokumenter
Lenker med overflødige title-attributter
Lenker med attributter som fjerner dem fra tab-rekkefølgen:
Lenker med aria-labelledby-attributter som peker til elementer uten tekst:
Lenker med generiske ord i aria-etiketten:
Lenket bilde uten alt-tekst:
Lenket bilde med uutalebar alt-tekst:
Lenket bilde uten alt-attributt:
Lenket bilde uten alt-attributt i en lenke med tekst:
Lenket bilde med kun et filnavn som alt-tekst:
Lenket bilde med mistenkelig lang alt-tekst:
Ødelagte lenker til ankere på siden
Lenker til utviklerserver
Dupliserte ankere
Tabeller
Tabeller uten gyldige overskrifter
| En tabell uten TH-overskrift er ugyldig |
Disposisjonsoverskrifter teller ikke |
Deaktiver bør være innholdsoverskrift-testen inne i tabeller |
| Tomme overskrifter | |
|---|---|
| Jeg fant | 700 videoer om skilpadder |
| Hver | 2 sekunder lang |
Lesbarhet
FLERE ORD PÅ RAD MED BLOKKBOKSTAVER VIL UTLØSE EN ADVARSEL OM MANUELL KONTROLL.
Understreket tekst
Litt kursiv er greit, men store blokker med uthevet tekst er ikke veldig lesbar. Litt er selvfølgelig akseptabelt, men det er grenser, og et helt avsnitt er altfor mye. Dette er for eksempel et helt avsnitt. Det er litt vanskelig å lese, ikke sant? Men denne testen utløses ikke før teksten er så lang, så du bør ikke se falske positiver i innholdet ditt med mindre du skriver veldig lange avsnitt som dette regelmessig.
Blokkjustert tekst
Overdreven hevet eller senket skrift; senket skrift bør brukes for små referanser og fotnoter, ikke hele setninger eller avsnitt.
Bittesmå skrifttyper
* Falske lister med vanlige tegn,
* bokstaver, tall og emoji.
Skjemaer
Knapp uten etikett
Inndatafelt med en usynlig etikett, spørsmål om det også finnes en synlig etikett.
Inndatafelt med kun en plassholderetikett, spørsmål om det også finnes en synlig etikett.
Knapp med en tilgjengelig etikett som er forskjellig fra den synlige etiketten.
Knapp med et ugyldig aria-labelledby-attributt.
Knapp med overflødig etikett.
Tilbakestillingsknapp.