D-669P1 · krytyczne
Audyt dostępności
Badamy zgodność strony z WCAG 2.1 na poziomie AA i z wymogami Europejskiego Aktu o Dostępności (EAA). Od czerwca 2025 roku EAA obejmuje wiele usług cyfrowych, w tym część sklepów internetowych.
Jak to robimy
- Uruchamiamy testy automatyczne, które wychwytują część błędów, np. brak etykiet i zbyt niski kontrast.
- Wykonujemy testy ręczne: nawigację klawiaturą, pracę z czytnikiem ekranu i powiększanie tekstu.
- Sprawdzamy reprezentatywne szablony: stronę główną, listing, kartę produktu, formularze i koszyk.
- Każdy błąd opisujemy z numerem kryterium WCAG, miejscem wystąpienia i sposobem naprawy.
Co otrzymujesz
Dostajesz raport z audytu dostępności z listą niezgodności uszeregowaną według wpływu na użytkowników.
D-670P2 · ważne
Kontrast i czytelność
Poprawiamy kontrast kolorów, rozmiary czcionek i układ tekstu, aby treść była czytelna dla osób słabowidzących. WCAG wymaga kontrastu co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego.
Jak to robimy
- Mierzymy kontrast tekstu, przycisków, ikon i obramowań pól formularzy.
- Proponujemy korekty palety kolorów, które zachowują charakter identyfikacji marki.
- Sprawdzamy, czy tekst da się powiększyć bez utraty treści i bez poziomego przewijania.
- Poprawiamy interlinię, długość wierszy i odstępy między akapitami.
Co otrzymujesz
Masz poprawione style strony oraz paletę kolorów z parami, które spełniają wymagania kontrastu.
D-671P2 · ważne
Obsługa klawiaturą i czytniki
Część użytkowników nie korzysta z myszy i porusza się po stronie klawiaturą albo czytnikiem ekranu. Poprawiamy serwis tak, aby każda funkcja była dla nich dostępna.
Jak to robimy
- Przechodzimy całą stronę klawiszem Tab, sprawdzając kolejność fokusu i jego widoczność.
- Naprawiamy menu, okna modalne i suwaki, które zatrzymują fokus albo go gubią.
- Dodajemy link „Przejdź do treści” oraz poprawną hierarchię nagłówków i regionów strony.
- Testujemy najważniejsze ścieżki z czytnikiem ekranu, łącznie z formularzem i koszykiem.
Co otrzymujesz
Masz stronę, po której można przejść bez myszy, oraz raport z testów z czytnikiem ekranu.
D-672P2 · ważne
Opisy alt i atrybuty ARIA
Dodajemy teksty alternatywne do obrazów i atrybuty ARIA, które opisują elementy interaktywne dla technologii wspomagających. Czytnik ekranu odczyta wtedy, co przedstawia grafika i do czego służy przycisk.
Jak to robimy
- Wyszukujemy obrazy bez atrybutu alt lub z opisem, który nic nie wnosi.
- Piszemy opisy alt zależne od funkcji obrazu, a grafikom dekoracyjnym nadajemy pusty alt.
- Uzupełniamy etykiety ikon, przycisków i pól formularzy przez aria-label lub widoczny tekst.
- Poprawiamy role i stany ARIA w menu, zakładkach i akordeonach, np. aria-expanded.
Co otrzymujesz
Masz uzupełnione opisy obrazów i poprawione atrybuty ARIA oraz wytyczne dla redakcji dodającej nowe treści.
D-673P3 · rozwojowe
Deklaracja dostępności
Przygotowujemy deklarację dostępności, czyli dokument opisujący, w jakim stopniu serwis spełnia wymagania i jak zgłosić problem. Obowiązek jej publikacji mają podmioty publiczne, a EAA wprowadza podobne wymogi informacyjne dla części firm.
Jak to robimy
- Na podstawie audytu opisujemy stan zgodności i listę znanych niezgodności.
- Wskazujemy dane kontaktowe i procedurę zgłaszania barier przez użytkowników.
- Dopasowujemy strukturę dokumentu do wzoru obowiązującego Twój typ organizacji.
- Publikujemy deklarację pod stałym adresem i linkujemy ją ze stopki.
Co otrzymujesz
Dostajesz gotową deklarację dostępności opublikowaną na stronie i plan jej aktualizacji po kolejnych poprawkach.
