Rubriker

Den här rubriken hoppade över en nivå:

Den här rubriken saknar text helt:

Det här korta blockcitatet kan vara en rubrik:

Det här helfetstilta stycket kan vara en rubrik:

Jag är en falsk rubrik

Den här rubriken är väldigt lång:

Textalternativ för bilder

Den här rubriken består av en textbild utan alt-text:

Bild utan alt-attribut överhuvudtaget:

Bild med ogiltigt alt-attribut, t.ex. alt="'"

Bild med ett filnamn som alt-text

Bild med redundant text i alt-texten, t.ex. "bild av:"

Länkad bild med redundant text i alt-texten, t.ex. "bild av:"

Bild med platshållar-alt:

Länkad bild med platshållar-alt:

Bild med maskinkod-alt:

Länkad bild med maskinkod-alt:

Bild med mycket lång alt-text:

Bilder i länkar där alt-texten kan beskriva bilden i stället för länken

Den här länken har text och en bild.

Alla länkade bilder (test av som standard)

Bild i figure markerad som dekorativ:

Bild i figure där alt-texten är densamma som figcaption:

Bild i ett bildspel utan alt-text:

Kontrast

Oläslig färgkombination:

Färg kräver manuell granskning:

SVG-grafik utan tillräcklig kontrast

SVG-grafik där kontrast kräver manuell granskning

Inbäddningar & Media

Video flaggad för manuell granskning av textning:

Ljud kräver ett transkript:

Iframe saknar en titel och kräver dessutom manuell granskning:

Iframe som inte kan fokuseras:

Kapslade interaktiva komponenter

Meningsfulla länkar

Länkar utan text överhuvudtaget

Tomma länkar

Länkar vars etikett enbart är en URL:

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

Länkar vars etikett enbart är symboler:

↣

Länkar med samma namn leder till olika platser

Sköldpaddor Sköldpaddor

Länkar vars etikett enbart är ett DOI-nummer:

doi.org/10.1145/3493612.3520468

Länkar med meningslösa etiketter:

Klicka här

Länkade ikoner utan textalternativ:

Länkar som öppnas i ett nytt fönster utan ikon för extern länk eller textvarning

Varning för öppnas-i-test.

Länkar till PDF-filer

Ha det kul.

Länkar till andra dokument

En falsk dokumentlänk.

Länkar med redundanta title-attribut

Håll muspekaren

Länkar med attribut som tar bort dem från tabbordningen:

Aria-dolda länkar utan negativt tabindex.

Länkar med aria-labelledby-attribut som pekar på element utan text:

Länkar med generiska ord i sin aria-etikett:

läs mer

Länkad bild utan alt-text:

Länkad bild med otolkningsbar alt-text:

Länkad bild utan alt-attribut:

Länkad bild utan alt-attribut i en länk med text:

Sök

Länkad bild med enbart ett filnamn som alt-text:

Länkad bild med misstänkt lång alt-text:

Trasiga interna sidlänkar

Det finns inget sådant ID.

Länkar till utvecklingsserver

Hoppsan

Duplicerade ankare

Ankare 1 Ankare 2

Tabeller

Tabeller utan giltiga rubriker

Läsbarhet

Understruken text

Lite kursiv text är bra, men stora block med kursiv text är inte särskilt lättläst. Lite är acceptabelt förstås, men det finns gränser, och ett helt stycke är alldeles för mycket. Det här är till exempel ett helt stycke. Det är ganska svårt att läsa, eller hur? Men det här testet utlöses inte förrän det är så här långt, så du bör inte se falska positiva resultat i ditt innehåll om du inte regelbundet skriver riktigt långa stycken som detta.

Marginaljusterad text

Överdrivet upphöjt eller nedsänkt; _{nedsänkt text bör användas för korta referenser och fotnoter, inte hela meningar eller stycken.}

Pytteliten text

Formulär

Knapp utan etikett

Inmatningsfält med en osynlig etikett, frågar om det även finns en synlig etikett.

Inmatningsfält med enbart en platshållaretikett, frågar om det även finns en synlig etikett.

Rubbar tabbordningen