Dostępność cyfrowa

Audyt dostępności WCAG 2.1 AA.

Audyt dostępności kosztuje u nas 0 zł, nie wymaga dostępów do serwera i nie zobowiązuje do niczego dalej. Badamy stronę, a wyniki uzupełniamy weryfikacją ręczną, przechodzimy serwis samą klawiaturą i sprawdzamy to, czego żaden automat nie oceni.

Rynek dzieli się dziś na automatyczne skanowanie za kilkaset złotych i audyt agencyjny za kilkanaście tysięcy. Pokazujemy stan strony za darmo, bo pracujemy na publicznych, bezpłatnych narzędziach. Metodę podajemy poniżej wprost, żebyś mógł powtórzyć pomiar bez nas.

Czy 100 na 100 w Lighthouse znaczy, że jest zgodnie?

Nie. Narzędzia automatyczne wykrywają tylko część kryteriów, bo część z nich wymaga oceny sensu, a nie sprawdzenia składni. Automat potwierdzi, że obraz ma opis alternatywny, ale nie oceni, czy opis brzmiący jak nazwa pliku cokolwiek znaczy.

Dlatego wynik 100 na 100 traktujemy jako punkt wyjścia do weryfikacji ręcznej, a nie jako zaświadczenie o zgodności.

Dwa narzędzia, nie jedno

Każde pokazuje co innego. Uruchomienie tylko jednego daje obraz niepełny w sposób, który łatwo przeoczyć.

Pa11y i Lighthouse w audycie dostępności
Cecha Lighthouse Pa11y (axe-core)
Czyje Google, to samo narzędzie, które stoi za PageSpeed Insights Silnik axe-core, ten sam, którego używa Deque i większość zawodowych audytorów
Co daje Syntetyczny wynik dostępności w skali od 0 do 100 Listę konkretnych naruszeń kryteriów WCAG 2.1 AA
Poziom szczegółu „Jest problem z kontrastem” „Ten przycisk ma kontrast 2,9:1 przy wymaganym 4,5:1”
Wskazanie miejsca Ogólne, na poziomie typu problemu Selektor konkretnego elementu do poprawy
Jak czytać wynik Powyżej 90 dobrze, od 50 do 89 wymaga poprawy, poniżej 50 poważne braki Błędy, ostrzeżenia i informacje. Powyżej pięciu błędów strona wymaga rewizji, a nie kosmetyki
Do czego się przydaje Do oceny, czy w ogóle jest problem, i do porównania z wydajnością oraz SEO Do pracy: wiadomo, co dokładnie poprawić i gdzie

Oba narzędzia są bezpłatne i publicznie dostępne. Nie mamy do nich uprzywilejowanego dostępu i niczego nie liczymy „własną metodyką”, więc każdy wynik, który podajemy, możesz odtworzyć samodzielnie.

Co sprawdzamy

Pierwsza kolumna to praca maszyny, druga to praca człowieka. Bez drugiej audyt dostępności jest tylko zrzutem z narzędzia.

Badanie automatyczne

  1. Teksty alternatywne obrazów. Czy czytnik ekranu ma co odczytać przy każdym obrazie niosącym treść.
  2. Kontrast tekstu. Pomiar rzeczywistych par kolorów, także w stanach najechania i zaznaczenia. Próg dla zwykłego tekstu to 4,5:1.
  3. Etykiety formularzy. Czy każde pole ma powiązany opis, a nie tylko znikającą podpowiedź w środku.
  4. Struktura nagłówków. Czy hierarchia jest spójna i nie przeskakuje poziomów.
  5. Nazwy linków. Czy dają się zrozumieć wyrwane z kontekstu, bo czytnik ekranu potrafi wyświetlić samą listę linków.
  6. Atrybuty ARIA i dostępność z klawiatury. Czy elementy interaktywne są poprawnie opisane i osiągalne klawiszem Tab.

Weryfikacja ręczna

  1. Przejście serwisu samą klawiaturą. Menu, formularz, koszyk, okna modalne, wyjście klawiszem Escape. Bez myszy, od początku do końca.
  2. Widoczność wskaźnika zaznaczenia. Czy w każdym miejscu widać, na którym elemencie się jest.
  3. Sens opisów obrazów. Automat sprawdzi, że opis istnieje. Człowiek ocenia, czy niesie treść.
  4. Kolejność nawigacji. Strona poprawna technicznie potrafi prowadzić klawiaturą w kolejności, która nie ma sensu przy czytaniu.
  5. Komunikaty błędów. Czy mówią, co poprawić, czy tylko że coś jest nie tak.
  6. Zachowanie przy powiększeniu. Czy przy 200% tekstu układ nadal działa i nic nie znika poza ekran.

Sprawdź sam, zanim się odezwiesz

Cztery kroki bez płatnych narzędzi i bez dostępu do serwera. To ta sama metoda, którą stosujemy w audycie.

01

Uruchom Lighthouse

W Chrome otwórz narzędzia deweloperskie, przejdź do zakładki Lighthouse, zaznacz kategorię dostępności i uruchom badanie. Dostajesz wynik od 0 do 100 razem z listą wykrytych problemów.

jak czytać Powyżej 90 dobrze. Od 50 do 89 wymaga poprawy. Poniżej 50 poważne braki.
02

Uruchom Pa11y

Pa11y wskaże konkretne naruszenia z selektorem elementu, który trzeba poprawić, i podzieli znaleziska na błędy, ostrzeżenia i informacje. To narzędzie do pracy, a nie do oceny ogólnej.

jak czytać Powyżej pięciu błędów to sygnał do rewizji, a nie do kosmetyki.
03

Odłóż mysz

Przejdź całą ścieżkę klawiszem Tab: menu, formularz kontaktowy, koszyk, okna modalne. Sprawdź, czy zawsze widać, gdzie jesteś, czy kolejność ma sens i czy z każdego okna da się wyjść klawiszem Escape.

sygnał Zgubienie się na własnej stronie po dwóch minutach to wynik sam w sobie.
04

Przeczytaj to, czego automat nie oceni

Sprawdź, czy opisy obrazów niosą treść, czy tylko nazwę pliku. Czy komunikaty błędów mówią, co poprawić. Czy kolejność nagłówków odpowiada strukturze tekstu.

uwaga To właśnie tu leży większość barier, których nie widać w wyniku liczbowym.

Co dostajesz i co dalej

W raporcie

  • Lista barier z przypisaniem do kryteriów WCAG i wskazaniem miejsca w serwisie
  • Rozdzielenie naruszeń od dobrych praktyk, żeby było wiadomo, co jest obowiązkiem, a co usprawnieniem
  • Ocena, czy podlegasz obowiązkowi ustawowemu, bo znaczna część firm nie podlega
  • Wyniki w publicznych narzędziach, które możesz powtórzyć sam
  • Rekomendacja: co poprawić na miejscu, a kiedy taniej wychodzi nowa strona

Czego nie znajdziesz w raporcie

  • Straszenia karą. Podajemy brzmienie przepisu i mówimy wprost, jeśli Twoja firma w ogóle mu nie podlega.
  • Zaświadczenia o zgodności. Nie jesteśmy jednostką certyfikującą i nie wystawiamy dokumentów, które miałyby taką rangę.
  • Rekomendacji nakładki. Doklejony skrypt nie naprawia struktury kodu, więc nie zaproponujemy go jako rozwiązania.
  • Porady prawnej. Jesteśmy studiem, nie kancelarią. Przy sytuacjach granicznych odsyłamy do prawnika.

Najczęstsze pytania

Ile kosztuje audyt WCAG?

U nas nic. Audyt dostępności jest bezpłatny, nie wymaga dostępów do serwera i nie zobowiązuje do dalszej współpracy: wystarczy podać adres strony.

Płatne jest dopiero doprowadzenie strony do zgodności i odbywa się w ramach pakietów, w których WCAG 2.1 AA jest w standardzie: Odbudowa od 1700 zł netto, Strona rozbudowana od 3000 zł, Sklep internetowy od 20 000 zł.

Rynek dzieli się dziś na automatyczne skanowanie za kilkaset złotych i audyt agencyjny za kilkanaście tysięcy. My pokazujemy stan strony za darmo, bo i tak pracujemy na tych samych publicznych narzędziach, a zarabiamy dopiero na naprawie.

Czym różni się Pa11y od Lighthouse?

Lighthouse to narzędzie Google, to samo, które stoi za PageSpeed Insights. Daje syntetyczny wynik dostępności w skali od 0 do 100 i dobrze pokazuje ogólny stan strony.

Pa11y działa na silniku axe-core, tym samym, którego używa Deque i większość zawodowych audytorów, i idzie głębiej: wskazuje konkretne naruszenia kryteriów WCAG 2.1 AA z selektorem elementu do poprawy.

Różnica w praktyce wygląda tak: Lighthouse mówi, że jest problem z kontrastem, a Pa11y, że ten konkretny przycisk ma kontrast 2,9:1 przy wymaganym 4,5:1. Dlatego uruchamiamy oba, a nie jedno.

Czy wynik 100 na 100 w Lighthouse oznacza zgodność z WCAG?

Nie i to najczęstsze nieporozumienie przy audytach dostępności. Narzędzia automatyczne wykrywają tylko część kryteriów, bo część z nich wymaga oceny sensu, a nie sprawdzenia składni.

Automat potwierdzi, że obraz ma opis alternatywny, ale nie oceni, czy opis brzmiący jak nazwa pliku cokolwiek znaczy. Sprawdzi, że pole formularza ma etykietę, ale nie to, czy komunikat błędu mówi, co poprawić. Nie oceni też, czy kolejność poruszania się klawiaturą ma sens.

Dlatego wynik 100 na 100 traktujemy jako punkt wyjścia do weryfikacji ręcznej, a nie jako zaświadczenie o zgodności.

Czy audyt wymaga dostępu do mojego serwera?

Nie. Audyt zewnętrzny bada stronę tak, jak widzi ją przeglądarka i czytnik ekranu, więc wystarczy publiczny adres. Nie potrzebujemy hasła do panelu, danych FTP ani niczego, co musiałbyś nam powierzyć.

To także znaczy, że możesz zamówić audyt strony, którą buduje ktoś inny, i wykorzystać wynik w rozmowie z wykonawcą.

Co dostaję po audycie?

Listę znalezionych barier z przypisaniem do kryteriów WCAG i wskazaniem miejsca w serwisie, rozdzielenie ich na realne naruszenia i dobre praktyki, ocenę, czy Twoja firma w ogóle podlega obowiązkowi ustawowemu, oraz wyniki w publicznych narzędziach, które możesz powtórzyć samodzielnie.

Jeśli okaże się, że strona wymaga pracy, dostajesz też rekomendację: co da się poprawić na miejscu, a kiedy taniej wychodzi zbudowanie strony od nowa.

Czy nakładka dostępności zastąpi audyt i poprawki?

Nie. Nakładka to skrypt doklejony do gotowej strony, który podmienia kolory i powiększa tekst. Nie naprawia przyczyn: obrazu bez sensownego opisu, formularza bez etykiet, przycisku niedostępnego z klawiatury ani błędnej struktury nagłówków.

Czytnik ekranu nadal odczyta stronę tak, jak jest zbudowana, więc bariera zostaje. Dostępność wynika ze struktury kodu i tam trzeba ją naprawić.

Czytaj dalej

– audyt bezpłatny

Zbadamy dostępność za 0 zł.

Podaj adres strony. Uruchomimy Pa11y i Lighthouse, przejdziemy serwis klawiaturą i wrócimy z listą barier przypisanych do kryteriów. Bez dostępów, bez opłaty i bez zobowiązania do dalszej współpracy.

  • Pa11y i Lighthouse
  • Weryfikacja ręczna
  • Metoda do powtórzenia
  • Odpowiedź w kilka godzin