Nagłówki

Ten nagłówek pominął poziom:

Ten nagłówek nie ma żadnego tekstu:

Ten krótki cytat blokowy może być nagłówkiem:

Ten akapit z samą pogrubioną czcionką może być nagłówkiem:

Jestem fałszywym nagłówkiem

Ten nagłówek jest bardzo długi:

Alternatywy tekstowe dla obrazów

Ten nagłówek składa się z obrazu tekstowego bez atrybutu alt:

Obraz bez atrybutu alt w ogóle:

Obraz z nieprawidłowym atrybutem alt, np. alt=”'”

Obraz z nazwą pliku jako alt

Obraz z nadmiarowym tekstem w atrybucie alt, np. „zdjęcie:”

Obraz w linku z nadmiarowym tekstem w atrybucie alt, np. „zdjęcie:”

Obraz z zastępczym atrybutem alt:

Obraz w linku z zastępczym atrybutem alt:

Obraz z atrybutem alt w postaci kodu maszynowego:

Obraz w linku z atrybutem alt w postaci kodu maszynowego:

Obraz z bardzo długim tekstem alt:

Obrazy w linkach, gdzie tekst alt może opisywać obraz zamiast linku

Ten link ma tekst i obraz.

Dowolny obraz w linku (test domyślnie wyłączony)

Obraz w figure oznaczony jako dekoracyjny:

Obraz w figure z atrybutem alt identycznym jak figcaption:

Obraz w karuzeli bez atrybutu alt:

Kontrast

Nieczytelna kombinacja kolorów:

Kolor wymaga ręcznego sprawdzenia:

Grafika SVG bez wystarczającego kontrastu

Grafika SVG, gdzie kontrast wymaga ręcznego sprawdzenia

Osadzenia i multimedia

Wideo oznaczone jako wymagające ręcznego sprawdzenia napisów:

Plik audio wymaga transkrypcji:

Iframe bez tytułu, który wymaga również ręcznego sprawdzenia:

Iframe niedostępny z klawiatury:

Zagnieżdżone komponenty interaktywne

Znaczące linki

Linki bez żadnego tekstu

Puste linki

Linki oznaczone wyłącznie adresem URL:

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

Linki oznaczone wyłącznie symbolami:

↣

Linki o tych samych nazwach prowadzą do różnych miejsc

Żółwie Żółwie

Linki oznaczone wyłącznie numerem DOI:

doi.org/10.1145/3493612.3520468

Linki z bezsensownymi etykietami:

Kliknij tutaj

Ikony w linkach bez alternatyw tekstowych:

Linki otwierające się w nowym oknie bez ikony linku zewnętrznego lub ostrzeżenia tekstowego

Alert dla testu otwierania w nowym oknie.

Linki do plików PDF

Miłej zabawy.

Linki do innych dokumentów

Fałszywy link do dokumentu.

Linki z nadmiarowymi atrybutami title

Najedź na mnie

Linki z atrybutami usuwającymi je z porządku tabulacji:

Linki ukryte przed aria bez ujemnego tabindex.

Linki z atrybutami aria-labelledby wskazującymi na elementy bez tekstu:

Linki z ogólnymi słowami w etykiecie aria:

dowiedz się więcej

Obraz w linku bez tekstu alt:

Obraz w linku z niemożliwym do wymówienia tekstem alt:

Obraz w linku bez atrybutu alt:

Obraz w linku bez atrybutu alt, w linku z tekstem:

Szukaj

Obraz w linku z samą nazwą pliku jako tekstem alt:

Obraz w linku z podejrzanie długim tekstem alt:

Uszkodzone linki kotwicowe na stronie

Nie ma takiego identyfikatora.

Linki do serwera deweloperskiego

Ups

Zduplikowane kotwice

Kotwica 1 Kotwica 2

Tabele

Tabele bez prawidłowych nagłówków

Czytelność

Podkreślony tekst

Trochę kursywy jest w porządku, ale duże bloki wyróżnionego tekstu nie są zbyt czytelne. Trochę jest oczywiście akceptowalne, ale są granice, a cały akapit to zdecydowanie za dużo. Ten na przykład to cały akapit. Jest trochę trudny do czytania, prawda? Ale ten test nie wyzwala się, dopóki nie jest tak długi, więc nie powinno być fałszywych alarmów w treści, chyba że regularnie piszesz naprawdę duże akapity.

Tekst wyjustowany

Nadmierny indeks górny lub dolny; _{indeks dolny powinien być używany do małych odniesień i przypisów, nie całych zdań lub akapitów.}

Maleńkie czcionki

Formularze

Przycisk bez etykiety

Pola z niewidoczną etykietą — sprawdzenie, czy istnieje też widoczna etykieta.

Pola z wyłącznie zastępczą etykietą — sprawdzenie, czy istnieje też widoczna etykieta.

Mieszanie kolejności tabulacji