Powiększenie tekstu
Powiększenie do 200 % bez utraty treści ani funkcji, przyciskami + i −. Działa razem z powiększeniem przeglądarki.
Dostępność serwisu
Serwis dla każdego, bez wyjątków.
Serwis projektujemy i utrzymujemy zgodnie z WCAG 2.2 na poziomie AA. Tu znajdziesz, jak korzystać z niego z klawiaturą, czytnikiem ekranu i ustawieniami dostępności oraz jak zgłosić barierę.
Ustawienia dostępności
Dostosuj wygląd strony
Przycisk „Ustawienia dostępności” znajduje się w górnym menu obok wyszukiwarki na każdej stronie. Wybrane ustawienia zapisują się w przeglądarce i działają w całym serwisie.
Wysoki kontrast
Czarne tło, biały tekst i żółte akcenty, kontrast co najmniej 7:1 także dla przycisków i pól formularzy.
Skala szarości
Usuwa kolory ze strony — pomaga przy nadwrażliwości na kolory i bodźce.
Duży kursor
Powiększony wskaźnik myszy z białą obwódką, widoczny na każdym tle.
Czcionka o zwiększonej czytelności
Litery i cyfry łatwiejsze do rozróżnienia, także przy dysleksji.
Podkreślanie linków
Linki rozpoznasz po podkreśleniu, nie tylko po kolorze.
Czytelne odstępy
Większe odstępy liter, słów i wierszy zgodnie z WCAG 1.4.12.
Zatrzymanie animacji
Wyłącza efekty pojawiania się i przewijania; honorujemy też ustawienie systemowe „ogranicz ruch”.
Przywrócenie domyślnych
Jeden przycisk przywraca standardowy wygląd.
Klawiatura
Obsługa bez myszy
Każdy element interaktywny ma widoczny fokus i działa z klawiatury.
Tab i Shift+Tab
Przechodzenie między linkami, przyciskami i polami formularzy w logicznej kolejności.
Enter i spacja
Uruchamianie linków i przycisków; strzałki w listach wyboru i menu.
Escape
Zamyka menu, okna dialogowe i rozwinięte panele, a fokus wraca na element, który je otworzył.
Link „Przejdź do treści”
Pierwszy element po załadowaniu strony pozwala pominąć nawigację.
Czytniki ekranu
Struktura, którą słychać
Serwis testujemy z NVDA, VoiceOver i TalkBack.
Punkty orientacyjne
Nagłówek, nawigacja, treść główna i stopka są oznaczone jako landmarki z nazwami.
Nagłówki i listy
Jeden nagłówek H1 na stronie i logiczna hierarchia nagłówków; listy i tabele mają właściwą semantykę.
Opisy obrazów
Zdjęcia i grafiki mają teksty alternatywne, a elementy dekoracyjne są pomijane.
Formularze
Każde pole ma etykietę, wskazówkę i czytelny komunikat błędu powiązany z polem; stan wysyłki jest ogłaszany.
Komunikaty
Zmiany na stronie (np. włączenie kontrastu) są ogłaszane w regionie na żywo.
Język treści
Fragmenty w innym języku są oznaczone atrybutem języka, co poprawia wymowę syntezatora.
Standard
Co sprawdzamy w każdym wydaniu
- Kontrast tekstu i elementów graficznych co najmniej 4,5:1 (3:1 dla dużego tekstu i ikon).
- Widoczny fokus na każdym elemencie interaktywnym i brak pułapek klawiatury.
- Układ działa przy szerokości 320 px, powiększeniu 400 % i zwiększonych odstępach tekstu.
- Ruch i animacje respektują ustawienie „ogranicz ruch” i da się je wyłączyć.
- Nazwy, role i stany elementów są dostępne dla technologii wspomagających (ARIA stosujemy tylko tam, gdzie HTML nie wystarcza).
- Automatyczne testy axe-core na stronach publicznych i panelach oraz ręczny protokół z czytnikami ekranu.
Znane ograniczenia
Nad czym pracujemy
- Pliki PDF raportów i certyfikatów są generowane jako tagowane PDF; starsze materiały od partnerów mogą nie mieć pełnej struktury.
- Nagrania wideo z wydarzeń publikujemy z napisami; transkrypcje dodajemy sukcesywnie.
- Treści osadzone od zewnętrznych dostawców (np. płatności) podlegają ich własnym zasadom dostępności.
Trafiłeś na barierę?
Napisz nam, co nie działa. Odpowiadamy w ciągu 7 dni roboczych i usuwamy bariery w pierwszej kolejności.
Jak korzystać z serwisu Dostępny Internet z klawiaturą, czytnikiem ekranu i ustawieniami dostępności: standard WCAG 2.2, ułatwienia, znane ograniczenia i zgłaszanie barier.