Dane syntetyczne · przykład formatu

Zobacz, jak problem zmienia się w zadanie do wykonania.

Ten przykład nie pochodzi ze skanu klienta. Pokazuje reprezentatywną strukturę raportu: wynik, zakres, zgrupowany finding, dowód techniczny i zalecaną naprawę.

Wynik skanu

Wskaźnik automatycznego skanu, nie procent zgodności ani certyfikat.

Podsumowanie demonstracyjne

Zakres demonstracyjny: 5 publicznych podstron
Wynik demonstracyjny: 87 / 100
Zgrupowane problemy: 3
Łączne wystąpienia: 9

P1· poważnyWCAG 4.1.2 · button-name

Przycisk koszyka nie ma dostępnej nazwy

Ikona jest widoczna, ale technologia asystująca nie otrzymuje informacji, do czego służy przycisk. Użytkownik czytnika ekranu może usłyszeć jedynie „przycisk”.

Grupowanie i dowód

Wspólny komponent: Nagłówek serwisu · 4 wystąpienia
Reprezentatywny selektor: header .cart-button
Kod przed naprawą: <button class="cart-button"><svg aria-hidden="true">…</svg></button>

Zalecana naprawa

Dodaj nazwę opisującą działanie. Tekst powinien odpowiadać temu, co stanie się po aktywacji przycisku.

<button class="cart-button" aria-label="Otwórz koszyk">
  <svg aria-hidden="true">…</svg>
</button>

Właściciel zadania: frontend
Priorytet: napraw przed kolejnym wydaniem
Po zmianie: test klawiaturą i czytnikiem ekranu

Sprawdź własną stronę.

Darmowy skan pokazuje wynik i najważniejsze problemy. Raport rozszerza je o pełną listę, dowody oraz plan napraw.

Sprawdź stronę za darmo Zamów raport