Lista kontrolna dla dostępnych stron internetowych
To nie jest wersja finalna listy kontrolnej.
- Zadbać o odpowiedni kontrast pomiędzy tekstem a tłem (5:1) oraz sprawić, żeby fokus był dobrze widoczny.
- Istotne grafiki koniecznie powinny mieć tekst alternatywny. Czysto dekoracyjne ilustracje powinny mieć pusty atrybut
alt
lub być tłem (background-image
). Opis tekstowy pownienien być uzależnony od kontekstu danego obrazu. - Zachować poprawną strukturę nagłówków (nie pomijać poziomów nagłówków). [#1]
- Opisowe odnośniki.
- Link przenoszący bezpośrednio do głównej treści strony.
- Tytuły stron muszą być unikalne w obrębie witryny oraz sensowne. Preferowanym formatem tytułu jest:
nazwa-podstrony
separator
nazwa-witryny
, dlatego że czytnik ekranowy przeczyta najpierw nazwę podstrony — ważniejszą część, a później całą resztę. - Dostępność elementów interaktywnych przy pomocy klawiatury.
- Zamieścić etykiety oraz wiadomości o błędach w formularzach.
- Dostarczyć alternatywę dla treści audiowizualnych.
- Przeanalizowanie strony (sematyka, szybkość, dostępność) za pomocą walidatorów on-line.
- Zastosowanie favicony.
- Jeżeli w tekście zacytowane są słowa w obcym języku, należy o tym poinformować, aby czytnik ekranu wiedział w jakim jęzku ma je czytać.
- Stosować strategię progresywnego ulepszania (ang. Progressive enhancement).
i wiele innych.
- Poziomy nagłówków nie odnoszą się do rozmiaru tekstu na stronie, a oznaczają hierarchie zawartości. Ważne jest to dlatego, że nagłówki są, jak badania pokazują, preferowaną metodą nawigacji użytkowników czytników ekranowych. ↵