Dostępność
Chcemy, żeby z tej strony wygodnie korzystał każdy: osoby starsze, słabiej widzące, korzystające z czytnika ekranu albo tylko z klawiatury. Celujemy w poziom AA wytycznych WCAG 2.2.
Jak budujemy stronę
- Tekst główny ma 19 px (ścieżka nawigacyjna i drobne dopiski 16 px), do tego mocny kontrast.
- Przyciski i pola do wpisywania są na tyle duże, żeby trafić w nie palcem (40 px wysokości).
- Projektujemy od ekranu telefonu o szerokości 360 px i z myślą o powiększeniu tekstu do 200%.
- Każdy element ma być dostępny z klawiatury, z dobrze widocznym zaznaczeniem.
- Rodzaj odpadów poznasz po nazwie, nie tylko po kolorze. W PDF do druku każdy rodzaj ma też swój kształt.
- Strona potrzebuje JavaScriptu. Bez niego nie zobaczysz wyszukiwarki ani dat pod swoim adresem.
Jak to sprawdzamy
Przy każdej zmianie strony automatycznie uruchamiamy dwa testy: walidator HTML (Nu Html Checker, ten sam co na validator.w3.org) oraz axe-core, który szuka błędów dostępności według WCAG 2.2 AA. Sprawdzamy każdy rodzaj strony, na danych testowych, na ekranie telefonu i komputera. Zmiana trafia na stronę dopiero wtedy, gdy oba testy przechodzą bez błędów.
Czego jeszcze nie wiemy
- Automatyczne testy wyłapują tylko część problemów. Nie sprawdziliśmy jeszcze ręcznie strony z czytnikiem ekranu, samą klawiaturą ani przy powiększeniu 200% na prawdziwych urządzeniach.
- PDF do druku ma oznaczoną strukturę, ale nie przeszedł jeszcze osobnego testu dostępności PDF.
- Oryginalne harmonogramy gminy to często obrazki. Daty odczytujemy z nich automatycznie i pokazujemy jako tekst, ale samych plików źródłowych nie poprawimy.
Coś nie działa?
Napisz, co było trudne i na jakim urządzeniu. Każda taka wiadomość pomaga.
Z czego zbudowana jest strona
Korzystamy z darmowych, otwartych projektów. Dziękujemy ich autorom.
- Wygląd strony, przyciski i formularze: GOV.UK Frontend (licencja MIT, © Crown copyright).
- Krój pisma: Atkinson Hyperlegible Next (licencja SIL OFL).
- Podpowiedzi w wyszukiwarce adresów: accessible-autocomplete od GOV.UK (licencja MIT).
Ostatnia zmiana tej strony: .