Jak ocenić projekt strony urzędu przed wdrożeniem: układ, kontrasty, herb i barwy, wersja na telefon, dostępność WCAG. Lista kontrolna i bezpłatna wycena.
Błędy projektu są najtańsze do poprawy przed wdrożeniem. Później każda zmiana układu oznacza poprawki w kodzie i ponowne testy dostępności. Poniżej zebrano etapy projektowania strony jednostki samorządu oraz to, co zamawiający powinien sprawdzić przed akceptacją.
Zamów bezpłatną wycenę projektu strony
Etapy projektowania strony dla JST
- Analiza treści i odbiorców. Czego mieszkańcy szukają najczęściej i co urząd musi opublikować.
- Układ informacji. Menu, kategorie, miejsce BIP i deklaracji dostępności.
- Szkice układu. Strona główna, podstrona, aktualność, kontakt. Bez kolorów, żeby oceniać strukturę.
- Projekt graficzny. Komputer i telefon, na prawdziwych tekstach urzędu.
- Elementy wspólne. Przyciski, formularze, tabele i karty opisane raz dla całego serwisu.
- Kontrola dostępności projektu. Kontrasty, kolejność nagłówków, wielkość celów dotykowych, przed kodowaniem.
Lista kontrolna przed akceptacją projektu
| Co sprawdzić | Wymaganie |
|---|---|
| Kontrast zwykłego tekstu | Co najmniej 4,5:1, duży tekst 3:1 (WCAG 2.1, kryterium 1.4.3) |
| Kontrast obwódek pól i ikon | Co najmniej 3:1 (kryterium 1.4.11) |
| Powiększenie tekstu | Do 200 procent bez utraty treści (kryterium 1.4.4) |
| Obsługa klawiaturą | Wszystko działa bez myszy, a fokus jest widoczny (kryteria 2.1.1 i 2.4.7) |
| Cele dotykowe | Co najmniej 24 na 24 piksele (WCAG 2.2, kryterium 2.5.8), w praktyce większe |
Herb, barwy i zdjęcia urzędu
- Herb powinien stać w nagłówku w wersji wektorowej, zgodnej z uchwałą rady.
- Barwy z herbu często nie mają kontrastu na tekst. Mogą służyć jako akcent, a tekst dostaje ciemniejszy odcień.
- Zdjęcia z gminy mówią więcej niż stock. Urząd powinien mieć do nich prawa i zgody osób widocznych na zdjęciach.
- Pismo powinno być czytelne i mieć polskie znaki. O doborze barw więcej w tekście jakie kolory powinny mieć strony urzędów.
Bezpłatna wycena
Opisz jednostkę w formularzu i dołącz adres obecnej strony. Bezpłatna, niezobowiązująca wycena przyjdzie na e-mail.
Najczęstsze pytania
Czy urząd powinien dostać pliki źródłowe projektu?
Warto to wpisać do umowy. Pliki źródłowe i przeniesione prawa pozwalają zlecić późniejsze zmiany innemu wykonawcy bez projektowania od nowa.
Ile wersji projektu przewidzieć w umowie?
Liczbę rund poprawek trzeba ustalić przed startem i wskazać jedną osobę zbierającą uwagi urzędu. Uwagi od wielu wydziałów bez koordynacji najbardziej wydłużają ten etap.
Co zrobić, gdy gmina ma już księgę znaku?
Księga znaku jest punktem wyjścia dla kolorów i pisma. Trzeba tylko sprawdzić je pod kątem kontrastu, bo księgi przygotowane pod druk często nie uwzględniają wymagań dostępności cyfrowej.
Czy projekt musi obejmować wersję na telefon?
Tak. Wymagania dostępności dotyczą strony także przy powiększeniu i na małych ekranach, a duża część mieszkańców wchodzi z telefonu. Wersję mobilną warto akceptować równolegle z komputerową.
Źródła: W3C, Web Content Accessibility Guidelines 2.1 i 2.2; ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych (tekst jednolity Dz.U. 2023 poz. 1440). Stan na 5 listopada 2026 r.