Demo
Se en videointroduktion til tjekkerens historie og funktioner,
eller prøv at redigere demoindholdet nedenfor, åbne og afvise advarsler,
og brug værktøjslinjen (
Denne demo bruger en TinyMCE-editor. Editoria11y er kompatibel med de fleste teksteditorer og har færdige implementeringer til CKEditor og Gutenberg i WordPress og Drupal.
Overskrifter
Denne overskrift sprang et niveau over:
Ups
Denne overskrift har slet ingen tekst:
Dette korte blokcitat kan være en overskrift:
Jeg er en falsk overskrift
Dette helt fede afsnit kan være en overskrift:
Jeg er en falsk overskrift
Denne overskrift er meget lang:
Overskrifter og underoverskrifter skaber en navigerbar indholdsfortegnelse for hjælpemidler. Numrene angiver indrykning i et hierarkisk forhold. Meget lange overskrifter betyder sandsynligvis, at forfatteren siger for meget i overskriften.
Tekstalternativer til billeder
Denne overskrift bestar af et billede af tekst uden alt-tekst:
Billede helt uden alt-attribut:
Billede med en ugyldig alt-attribut, f.eks. alt=”'”
Billede med et filnavn som alt-tekst
Billede med overflodig tekst i alt-teksten, som f.eks. “billede af:”
Linket billede med overflodig tekst i alt-teksten, som f.eks. “billede af:”
Billede med midlertidig alt-tekst:
Linket billede med midlertidig alt-tekst:
Billede med maskinkode som alt-tekst:
Linket billede med maskinkode som alt-tekst:
Billede med meget lang alt-tekst:
Billeder i links, hvor alt-teksten maaske beskriver billedet i stedet for linket
Dette link har tekst og et billede.
Ethvert linket billede (test slaaet fra som standard)
Billede i figur markeret som dekorativt:
Billede i figur med en alt-tekst, der er den samme som figcaption:
Billede i en karrusel uden alt-tekst:
Kontrast
Ulæselig farvekombination:
Super læselig.
Farve kraever manuel kontrol:
Og uberegnelig.
SVG-grafik uden tilstrækkelig kontrast
SVG-grafik, hvor kontrasten kraever manuel kontrol
Indlejringer & medier
Video markeret til manuel kontrol af undertekster:
Lyd kraever en transskription:
Iframe mangler en titel og kraever ogsa manuel kontrol:
Ikke-fokuserbar iframe:
Indlejrede interaktive komponenter
Harmonika
Harmonika
Overraskelse!Meningsfulde links
Links helt uden tekst
Links kun markeret med en URL:
https://www.youtube.com/watch?v=DLzxrzFCyOs
Links kun markeret med symboler:
Links med samme navn forer til forskellige steder
Links kun markeret med et DOI-nummer:
doi.org/10.1145/3493612.3520468
Links med intetsigende tekst:
Linkede ikoner uden tekstalternativer:
Links der abner i et nyt vindue uden ikon eller tekstadvarsel for eksternt link
Advarsel for abner-i-nyt-vindue-test.
Links til PDF-filer
Links til andre dokumenter
Links med overflodige title-attributter
Links med attributter, der fjerner dem fra tabuleringsrækkefølgen:
Links med aria-labelledby, der peger pa elementer uden tekst:
Links med generiske ord i deres aria-label:
Linket billede uden alt-tekst:
Linket billede med uudsigelig alt-tekst:
Linket billede uden alt-attribut:
Linket billede uden alt-attribut i et link med tekst:
Linket billede med kun et filnavn som alt-tekst:
Linket billede med mistaeenkeligt lang alt-tekst:
Oedelagte interne links
Der findes ikke noget sadant ID.
Links til udviklingsserver
Duplikerede ankre
Tabeller
Tabeller uden gyldige overskrifter
| En tabel uden TH-overskrift er ugyldig | Dispositionsoverskrifter taeller ikke | Deaktiver indholdsoverskriftstest inde i tabeller |
| Tomme overskrifter | |
|---|---|
| Jeg fandt | 700 videoer af skildpadder |
| Hver | 2 sekunder lang |
Læsbarhed
FLERE ORD I TRAEK MED CAPS LOCK-TEKST VIL UDLOESE EN ADVARSEL OM MANUEL KONTROL.
Understreget tekst
Lidt kursiv er fint, men store blokke af fremhævet tekst er ikke særligt læselige. Lidt er selvfølgelig acceptabelt, men der er grænser, og et helt afsnit er alt for meget. Dette er for eksempel et helt afsnit. Det er lidt svært at læse, ikke? Men denne test udløses først, når teksten er så lang, så du bør ikke se falske positiver i dit indhold, medmindre du regelmæssigt skriver virkelig store afsnit som dette.
Lige marginer
Overdreven hævet eller sænket skrift; sænket skrift bør bruges til små referencer og fodnoter, ikke hele sætninger eller afsnit.
Bittesmå skrifttyper
* Falske lister med almindelige tegn,
* bogstaver, tal og emoji.
Formularer
Knap uden etiket
Inputfelter med en usynlig etiket, der spoerger om der ogsa er en synlig etiket.
Inputfelter med kun en placeholder-etiket, der spoerger om der ogsa er en synlig etiket.
Knap med en tilgaengelighedsetiket, der er forskellig fra den synlige etiket.
Knap med en ugyldig aria-labelledby-attribut.
Knap med overflodig etiket.
Nulstillingsknap.