Raport demonstracyjny / v1.0

Audyt techniczny ścieżki zakupowej.

Przykładowy format raportu przygotowanego dla fikcyjnego sklepu demonstracyjnego. Pokazuje sposób opisu problemów, priorytetów i poprawek — nie wyniki prawdziwego klienta.

Ważne: ten materiał jest demonstracją procesu VOIDLAB. Nie stanowi certyfikatu zgodności, opinii prawnej ani audytu realnego sklepu.
PlatformaShopify — demo
Zakres5 kluczowych widoków
Standard odniesieniaWCAG 2.2 AA
StatusPrzykład publiczny

01. Podsumowanie wykonawcze

Największe ryzyko dotyczy obsługi głównego menu, identyfikacji błędów formularza oraz widoczności aktywnego elementu. Problemy utrudniają przejście ścieżki zakupowej osobom używającym klawiatury i technologii asystujących.

2 / Krytyczne

Blokują wykonanie zadania.

Wymagają pierwszeństwa przed kolejnym wdrożeniem.

2 / Ważne

Powodują istotne tarcie.

Powinny wejść do najbliższego sprintu.

1 / Umiarkowane

Obniża jakość interfejsu.

Może zostać naprawione wraz z komponentem.

02. Rejestr problemów

Każdy wpis łączy obserwację użytkową z lokalizacją w interfejsie i konkretnym kryterium odniesienia.

Demonstracyjny rejestr problemów dostępności
IDPriorytetProblem i wpływKryteriumStatus
AO-01KrytycznePodmenu nie otwiera się z klawiatury

Użytkownik bez myszy nie może przejść do kategorii drugiego poziomu.

2.1.1
4.1.2
Do naprawy
AO-02KrytyczneKomunikat błędu nie jest powiązany z polem

Czytnik ekranu nie przekazuje, które pole wymaga korekty.

3.3.1
3.3.3
Do naprawy
AO-03WażneFocus znika na karcie produktu

Nie widać bieżącej pozycji podczas nawigacji klawiaturą.

2.4.7
2.4.11
Do naprawy
AO-04WażneZmiana liczby produktów nie jest ogłaszana

Informacja po filtracji pozostaje niewidoczna dla technologii asystującej.

4.1.3Backlog
AO-05UmiarkowaneIkona ulubionych ma niejednoznaczną nazwę

Nazwa nie opisuje produktu ani stanu przycisku.

2.5.3
4.1.2
Backlog

03. Przykład poprawki

Zmiana jest mała, ale opisuje zarówno warstwę techniczną, jak i zachowanie wymagane po wdrożeniu.

<button
  type="button"
  class="menu-trigger"
  aria-expanded="false"
  aria-controls="category-menu"
>
  Produkty
</button>

// Po kliknięciu lub Enter/Space:
// 1. zaktualizuj aria-expanded,
// 2. pokaż panel,
// 3. przenieś focus zgodnie z ustalonym wzorcem,
// 4. obsłuż Escape i zwrot focusu.

04. Co otrzymuje agencja

Listę zadań w uzgodnionym formacie, rejestr zmian w plikach, wyniki retestu, listę ograniczeń aplikacji zewnętrznych oraz wersję raportu bez marki VOIDLAB, jeśli współpraca jest white-label.