Znajdź problemy z dostępnością w HTML
Wklej HTML, a znajdziesz brakujący tekst alt, pola bez etykiet i inne typowe problemy WCAG, z poprawką przy każdym.
- Działa na Twoim urządzeniu
- Bez rejestracji
- Działa offline po wizycie
Sprawdzane są tylko znaczniki. Arkusze stylów nie są renderowane, więc kolor z CSS i kolejność fokusa nie są testowane. HTML zostaje w tej karcie.
Jak sprawdź stronę pod kątem problemów z dostępnością
- Wklej HTML strony albo wczytaj przykład.
- Przefiltruj listę na błędy lub ostrzeżenia.
- Popraw każdy problem w wierszu, który wskazuje.
Pytania
Co sprawdza?
Brak tekstu alt, pola bez etykiet, puste przyciski i linki, mało konkretny tekst linków, pominięte nagłówki, tabele bez komórek nagłówkowych, dodatni tabindex, zablokowane powiększanie na telefonach, ramki iframe bez tytułu, niski kontrast w stylach inline i filmy bez napisów.
Dlaczego czysty wynik nie oznacza pełnej zgodności?
Narzędzie czyta tylko znaczniki. Nie widzi kolorów z arkuszy stylów, kolejności fokusa na ekranie ani tego, co odczytuje czytnik ekranu. Sprawdź też klawiaturą i czytnikiem ekranu.
Co oznaczają poziomy WCAG?
WCAG 2.2 ma trzy poziomy. A to minimum, AA to poziom, do którego odwołuje się większość standardów i przepisów dotyczących dostępności, a AAA to najostrzejszy poziom. Przy każdym problemie widać kryterium, które łamie.
Czy mój HTML jest gdzieś wysyłany?
Nie. Twoja przeglądarka odczytuje HTML w tej karcie i nic nie trafia na serwer.
Opinie
Brak opinii. Bądź pierwszy.