Przejdź do treści
100% lokalnie

Sprawdzenie dostępności HTML

Skanuj fragment HTML w poszukiwaniu problemów, które blokują czytniki ekranu i użytkowników klawiatury.

Wejście
Wynik

Sprawdzenie dostępności HTML

Wklej fragment HTML i to narzędzie przeskanuje go w poszukiwaniu problemów, które najczęściej blokują czytniki ekranu, użytkowników klawiatury i inne technologie pomocnicze. Każde ustalenie jest zgłaszane z numerem linii i jasnym wyjaśnieniem, dzięki czemu możesz go naprawić bez odwoływania się do osobnego dokumentu WCAG. Skupia się na fragmencie, który masz rzeczywiście pod ręką — komponencie, szablonie e-maila, bloku CMS — nie na całej przeskanowanej stronie.

Kontrole to opcje, które możesz włączać i wyłączać indywidualnie: obrazy bez alt tekstu (i pusty alt na obrazach, które są jedyną zawartością linku lub przycisku), poziomy nagłówków, które pomijają poziom lub nie zaczynają się od h1, przyciski i linki bez widocznego tekstu lub aria-label, pola bez powiązanej etykiety, generyczny tekst, taki jak "kliknij tutaj", tabele bez komórek nagłówka, dokument bez atrybutu lang i zduplikowane atrybuty id. Filtr wagi zawęża listę do ostrzeżeń i błędów lub tylko błędów po rozstrzygnięciu mniejszych problemów.

Narzędzie do sprawdzania odczytuje tylko nieprzetworzony markup — znaczniki i atrybuty, a nie obliczone style lub renderowane układ — więc nie złapie problemu z kontrastem ani porządkiem fokusu, które pojawiają się tylko po zastosowaniu CSS (sparuj to z kontrolą kontrastu). Analiza jest best-effort: toleruje źle sformułowany lub częściowy HTML zamiast odmówić uruchomienia, ponieważ wklejony fragment rzadko zawiera znacznik zamknięcia dla wszystkiego.

Wszystko odbywa się lokalnie w przeglądarce. Fragment, który wklejasz — który mógł pochodzić z niepublikowanej strony, wewnętrznego narzędzia lub projektu klienta — nigdy nie jest przesyłany ani wysyłany na serwer. Skopiuj raport, pobierz go jako plik .txt lub wyślij fragment z powrotem do wejścia po dokonaniu zmian, aby ponownie go przeskanować.

Częste pytania

Czy to zastępuje pełny audyt dostępności?
Nie. Łapie powszechne, mechanicznie wykrywalne problemy w znaczniku, który wklejasz — brakujący alt tekst, kolejność nagłówków, pola bez etykiet i podobnie — ale pełny audyt obejmuje również kontrolę kontrastu, kolejność fokusu klawiatury, testowanie czytnika ekranu i renderowane układ, które wymagają živej strony do sprawdzenia.
Dlaczego obraz z alt="" jest czasami oznakowywany?
Pusty alt jest poprawny dla czysto dekoracyjnego obrazu. Jest oznaczony tylko wtedy, gdy obraz jest jedyną zawartością linku lub przycisku (pozostawiając tę kontrolę bez dostępnej nazwy) lub gdy ma niepusty atrybut title, co sugeruje, że przenosi informacje.
Co uważa się za "duplikaty id"?
Dowolna wartość atrybutu id, która pojawia się w więcej niż jednym elemencie fragmentu. Duplikaty id psują skojarzenia etykiet, odwołania aria-labelledby i linki wewnątrz strony, ponieważ używana jest tylko pierwsza zgodność.
Czy mogę sprawdzić tylko jedną kategorię problemów?
Tak. Każda kontrola — obrazy, nagłówki, elementy interaktywne, formularze, tekst linku, tabele, język i duplikaty id — ma swoje włącznik, a filtr wagi zawęża wyniki.
Czy mój HTML jest gdzieś przesyłany?
Nie. Fragment jest analizowany i sprawdzany całkowicie w przeglądarce przy użyciu JavaScriptu; nigdy nie jest wysyłany na serwer.