Przykładowy raport pokazujący dokładnie to, co otrzymujesz: format, priorytetyzację i propozycje poprawek z prawdziwego procesu skanowania Axively. Pokazana witryna to fikcyjny przykład; Twój własny audyt ma tę samą strukturę.
Naruszenia WCAG na poziomie AA lub krytyczne bariery funkcjonalne (koszyk, płatność, formularze). Silny wskaźnik niezgodności z prawem o dostępności — wymaga ręcznej weryfikacji.
Naruszenia WCAG na poziomie A oraz inne poważne lub umiarkowane problemy. Poziom A jest równie obowiązkowy dla zgodności — poziomy szeregują wpływ na użytkownika i priorytet napraw, a nie wagę prawną.
Automatyczny skan nie wykrył naruszeń WCAG na poziomie A ani AA — tylko zalecenia dobrych praktyk i drobne uwagi.
Duża liczba ustaleń to nie katastrofa, to inwentaryzacja. Z 6752 wystąpień 267 to naruszenia WCAG, a 6485 to dobre praktyki — i wszystko wynika z zaledwie 5 różnych przyczyn.
target-sizeOsoby z niepełnosprawnością ruchową lub wzrokową oraz użytkownicy ekranów dotykowych z trudem trafiają w mały cel i popełniają błędy. Powiększ obszar kliknięcia za pomocą paddingu:
/* before */
<a href="tel:..." class="page-header--link">+33 1 00 00 00 00</a>
/* after */
<a href="tel:..." class="page-header--link"
style="padding:10px; display:inline-block;">+33 1 00 00 00 00</a>W praktyce zalecamy poprawkę za pomocą klasy CSS zamiast stylu inline, propozycja pokazuje zasadę.
link-nameCzytniki ekranu odczytują taki link tylko jako „link”, więc nie da się poznać jego celu. Nadaj linkowi dostępną nazwę, a ikonę dekoracyjną ukryj:
/* before */
<a class="social-link" href="https://example.com/rss">
<svg class="icon"></svg>
</a>
/* after */
<a class="social-link" href="https://example.com/rss" aria-label="RSS">
<svg class="icon" aria-hidden="true" focusable="false"></svg>
</a>Te ustalenia pochodzą z reguł dobrych praktyk axe. Poprawiają użyteczność dla osób korzystających z technologii wspomagających, ale nie odpowiadają żadnemu kryterium sukcesu WCAG, więc nie są liczone jako naruszenia i nie wpływają na cenę audytu.
label-title-onlyPole tylko z atrybutem title, bez widocznego <label>, jest odczytywane przez technologie asystujące niespójnie, a widzący użytkownicy nie mają żadnej etykiety. Dodaj powiązaną etykietę:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionCzytniki ekranu nie mogą niezawodnie nawigować ani pomijać treści znajdującej się poza obszarami orientacyjnymi. Ponieważ to element szablonu, opakuj go w jeden obszar orientacyjny:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Jedna poprawka w szablonie usuwa wszystkie ~6 400 wystąpień: rozwiązywane per szablon, nie per strona.
empty-headingOsoby korzystające z czytnika ekranu i nawigujące po nagłówkach trafiają na element, który nic nie odczytuje. Wyświetlaj nagłówek tylko wtedy, gdy jest tytuł, albo go uzupełnij:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>Duża liczba wystąpień nie oznacza tysięcy różnych problemów: zwykle to kilka przyczyn powtarzanych w szablonach. Dlatego audyt rozwiązuje się per szablon i per przyczyna, a nie strona po stronie: jedna poprawka w szablonie usuwa wszystkie jej wystąpienia naraz.
Uwaga o skali: podsumowanie powyżej dzieli wykryte problemy na 3 poziomy ryzyka (wysoki / średni / niski) według wpływu na zgodność, co decyduje też o cenie. Raport poniżej dzieli je na 4 poziomy techniczne (krytyczny / poważny / umiarkowany / drobny) według wagi defektu ocenianej przez silnik skanujący. Dwa spojrzenia na te same dane, nie niespójność.
Raport PDF, te same dane gotowe do przekazania prawnikowi, zarządowi lub regulatorowi: podsumowanie, podział według istotności i reguł, zalecana kolejność poprawek.
Deklaracja dostępności, wygenerowana w formacie dla Twojego kraju, z ustaleniami z tego przykładu w sekcji treści niedostępnych.
Projekt deklaracji, przed opublikowaniem należy zweryfikować wszystkie dane. Axively nie świadczy usług doradztwa prawnego.
Każdy audyt AI obejmuje bezpłatny weryfikacyjny re-scan w ciągu 30 dni. Zespół poprawia szablony zgodnie z propozycjami, uruchamia re-scan i widzi bezpośrednie porównanie przed i po na tej samej wizualizacji.
jednorazowa płatność zależna od wielkości witryny, weryfikacyjny re-scan w cenie audytu AI