To przykładowy raport dla fikcyjnego sklepu. Tak wygląda raport, który dostajesz po pełnym audycie.
Raport z audytu dostępności
herbaciarnia-lipa.pl
- Data audytu
- 15.09.2026
- Standard
- WCAG 2.2 AA, EN 301 549
- Zakres
- 8 typów stron i cała ścieżka zakupu
- Metody
- axe-core, klawiatura, NVDA z Chrome
- Powiększenie
- 200% i 400%, widok mobilny
- Wykonał
- Inclusive Cart
1. Podsumowanie
Sklep ma 25 problemów dostępności. Cztery z nich blokują zakup osobom, które korzystają z klawiatury lub czytnika ekranu. Najpilniej trzeba poprawić kartę produktu, wybór dostawy i formularz płatności. Poprawki w kodzie zajmą programiście około 3 dni pracy. Opisy zdjęć produktów dopisze osobno osoba, która dodaje produkty. To około minuty na jedno zdjęcie.
4krytyczne: blokują zakup
9poważne: utrudniają zakup
12drobne: do poprawy przy okazji
2. Wyniki według typów stron
Liczba problemów na każdym typie strony
| Typ strony | Krytyczne | Poważne | Drobne | Stan |
|---|
| Strona główna | 0 | 2 | 3 | Do poprawy |
|---|
| Wyszukiwarka i wyniki | 0 | 1 | 2 | Do poprawy |
|---|
| Kategoria z filtrami | 0 | 2 | 2 | Do poprawy |
|---|
| Karta produktu | 2 | 2 | 2 | Blokuje zakup |
|---|
| Koszyk | 0 | 1 | 2 | Do poprawy |
|---|
| Dostawa i płatność | 2 | 1 | 0 | Blokuje zakup |
|---|
| Konto klienta | 0 | 0 | 1 | Drobne uwagi |
|---|
| Baner cookies | 0 | 0 | 0 | Bez uwag |
|---|
3. Kolejność prac
- Najpierw
4 krytyczne problemy
Karta produktu, wybór dostawy i płatność. Około 1 dnia pracy.
- Potem
9 poważnych problemów
Filtry, wyszukiwarka, zdjęcia i kontrast. Około 1,5 dnia pracy.
- Przy okazji
12 drobnych uwag
Nagłówki, linki i komunikaty. Około pół dnia pracy.
4. Opis problemów
Poniżej 5 z 25 problemów. Pełny raport opisuje każdy problem w tym samym formacie.
PROBLEM 1 Z 25 · KARTA PRODUKTUkrytyczny
Wariantu produktu (gramatury) nie da się wybrać klawiaturą
- Kryterium WCAG
- 2.1.1 Klawiatura (poziom A)
- Kogo blokuje
- Osoby korzystające z klawiatury lub czytnika ekranu
- Kto poprawia
- Programista
- Szacowany czas
- ok. 3 godziny
Jak sprawdzić: przejdź klawiszem Tab do wyboru gramatury. Fokus omija przyciski 50 g, 100 g i 250 g, więc nie da się zmienić wariantu.
Teraz<span class="wariant" onclick="ustaw('100g')">100 g</span>
Po poprawce<fieldset>
<legend>Gramatura</legend>
<label><input type="radio" name="gramatura" value="100g"> 100 g</label>
</fieldset>
PROBLEM 2 Z 25 · KARTA PRODUKTUkrytyczny
Przycisk „Dodaj do koszyka” nie ma nazwy
- Kryterium WCAG
- 4.1.2 Nazwa, rola, wartość (poziom A)
- Kogo blokuje
- Osoby z czytnikiem ekranu
- Kto poprawia
- Programista
- Szacowany czas
- ok. 15 minut
Jak sprawdzić: NVDA czyta tylko „przycisk”, bez nazwy. Osoba niewidoma nie wie, że ten przycisk dodaje produkt do koszyka.
Teraz<button class="dodaj"><svg>…</svg></button>
Po poprawce<button class="dodaj">
<svg aria-hidden="true">…</svg>
<span class="sr-only">Dodaj do koszyka</span>
</button>
PROBLEM 3 Z 25 · DOSTAWA I PŁATNOŚĆkrytyczny
Sposobu dostawy nie da się wybrać klawiaturą
- Kryterium WCAG
- 2.1.1 Klawiatura (poziom A)
- Kogo blokuje
- Osoby korzystające z klawiatury lub czytnika ekranu
- Kto poprawia
- Programista
- Szacowany czas
- ok. 2 godziny
Jak sprawdzić: przejdź klawiszem Tab do listy sposobów dostawy i spróbuj wybrać Paczkomat. Fokus omija opcje, a Enter nic nie robi.
Teraz<div class="opcja" onclick="wybierz('paczkomat')">
Paczkomat InPost
</div>
Po poprawce<label>
<input type="radio" name="dostawa" value="paczkomat">
Paczkomat InPost
</label>
PROBLEM 4 Z 25 · DOSTAWA I PŁATNOŚĆkrytyczny
Błąd w numerze karty widać tylko po czerwonej ramce
- Kryterium WCAG
- 3.3.1 Identyfikacja błędu (A), 1.4.1 Użycie koloru (A)
- Kogo blokuje
- Osoby z czytnikiem ekranu i osoby nierozróżniające kolorów
- Kto poprawia
- Programista
- Szacowany czas
- ok. 2 godziny
Jak sprawdzić: wpisz za krótki numer karty i wyślij formularz. Ramka pola robi się czerwona, ale nigdzie nie ma opisu błędu, a czytnik ekranu nie odczytuje żadnego komunikatu.
Teraz<input id="karta" class="blad">
Po poprawce<input id="karta" aria-invalid="true" aria-describedby="karta-blad">
<p id="karta-blad">Numer karty jest za krótki. Sprawdź i wpisz ponownie.</p>
PROBLEM 7 Z 25 · KARTA PRODUKTUpoważny
Zdjęcia produktów nie mają opisu alternatywnego
- Kryterium WCAG
- 1.1.1 Treść nietekstowa (poziom A)
- Komu utrudnia
- Osobom niewidomym i słabowidzącym
- Kto poprawia
- Osoba, która dodaje produkty
- Szacowany czas
- ok. 1 minuty na zdjęcie
Jak sprawdzić: NVDA czyta nazwę pliku „IMG_4412.jpg” zamiast opisu tego, co jest na zdjęciu.
Teraz<img src="IMG_4412.jpg">
Po poprawce<img src="IMG_4412.jpg" alt="Puszka herbaty Sencha Uji 100 g i liście herbaty na spodku">
5. Projekt opisu dostępności do regulaminu
Ustawa wymaga, żeby sklep opisał w regulaminie lub podobnym dokumencie, jak jego usługa spełnia wymagania dostępności. W pełnym audycie przygotowujemy projekt takiego opisu, a po ponownym teście dopasowujemy go do stanu sklepu. Przykładowy fragment dla sklepu po wdrożeniu poprawek:
Sklep herbaciarnia-lipa.pl można obsługiwać klawiaturą i czytnikiem ekranu na każdym etapie zakupu. Teksty mają kontrast co najmniej 4,5:1, a zdjęcia produktów mają opisy alternatywne. Uwagi o dostępności prosimy kierować na adres dostepnosc@herbaciarnia-lipa.pl.
Projekt opisu jest techniczny. Przed publikacją warto pokazać go prawnikowi.
Chcesz taki raport dla swojego sklepu?
Zacznij od bezpłatnego skanu strony głównej. Pełny audyt kosztuje 3 900 zł netto, a jeden ponowny test poprawek zgłoszonych w ciągu 60 dni od raportu jest w cenie.