Dostępność cyfrowa to nie tylko wymóg prawny, ale przede wszystkim kwestia równego dostępu do demokracji. System Budżetu Obywatelskiego musi być użyteczny dla wszystkich mieszkańców, w tym osób z niepełnosprawnościami.

Wymogi prawne

Ustawa o dostępności cyfrowej (2019)

Wszystkie podmioty publiczne w Polsce muszą zapewnić dostępność stron i aplikacji zgodnie z WCAG 2.1 poziom AA.

Kary za brak dostępności

  • Skarga do ministra
  • Postępowanie przed sądem administracyjnym
  • Kary finansowe

WCAG 2.1 w skrócie

4 zasady dostępności:

1. Postrzegalność Treść musi być prezentowana w sposób dostępny dla zmysłów użytkownika.

2. Funkcjonalność Interfejs musi być używalny dla każdego.

3. Zrozumiałość Treść i obsługa muszą być zrozumiałe.

4. Solidność Treść musi działać z różnymi technologiami wspomagającymi.

Praktyczne wymagania dla systemu BO

Nawigacja klawiaturą

  • Wszystkie funkcje dostępne bez myszy
  • Logiczna kolejność fokusa
  • Widoczny wskaźnik fokusa
:focus {
  outline: 3px solid #1E40AF;
  outline-offset: 2px;
}

Czytniki ekranowe

  • Semantyczny HTML (nagłówki, listy, formularze)
  • Alternatywny tekst dla obrazów
  • Opisowe etykiety przycisków
<!-- Źle -->
<button>Wyślij</button>

<!-- Dobrze -->
<button aria-label="Wyślij formularz zgłoszenia projektu">
  Wyślij zgłoszenie
</button>

Kontrast kolorów

  • Tekst: minimum 4.5:1
  • Duży tekst (18px+): minimum 3:1
  • Elementy interfejsu: minimum 3:1
ElementWymagany kontrast
Tekst podstawowy4.5:1
Nagłówki3:1
Przyciski3:1
Linki4.5:1

Formularze dostępne

  • Etykiety powiązane z polami
  • Komunikaty błędów przy polach
  • Instrukcje przed formularzem
  • Możliwość korekty przed wysłaniem

Multimedia

  • Napisy do filmów
  • Audiodeskrypcja (opcjonalnie)
  • Transkrypcje tekstowe

Testowanie dostępności

Narzędzia automatyczne:

  • WAVE (wave.webaim.org)
  • Lighthouse (Chrome DevTools)
  • axe DevTools

Testy manualne:

  • Nawigacja tylko klawiaturą
  • Czytnik ekranowy (NVDA, VoiceOver)
  • Powiększenie 200%
  • Tryb wysokiego kontrastu

Testy z użytkownikami:

  • Osoby niewidome
  • Osoby słabowidzące
  • Osoby z ograniczeniami motorycznymi
  • Osoby starsze

Checklist WCAG dla BO

Poziom A (minimum):

  • Alternatywny tekst dla obrazów
  • Napisy do filmów
  • Obsługa klawiatury
  • Brak pułapek klawiatury
  • Informacja o języku strony

Poziom AA (wymagany):

  • Kontrast 4.5:1
  • Możliwość powiększenia 200%
  • Wiele sposobów nawigacji
  • Nagłówki i etykiety opisowe
  • Widoczny fokus

Podsumowanie

Dostępność cyfrowa w BO to:

  • Obowiązek prawny (WCAG 2.1 AA)
  • Równy dostęp do demokracji
  • Lepsza użyteczność dla wszystkich

Sprawdź dostępność ARDVote →

Powiązane artykuły