Sprawdzanie dostępności stron – WCAG

Sprawdzanie dostępności stron WWW wg WCAG 2.2: kontrast kolorów, tekst alternatywny, nagłówki, symulator daltonizmu, raporty.

🔍 Sprawdzanie dostępności stron dla WCAG 2.0, 2.1 i 2.2 Sprawdzanie dostępności stron zamienia dowolną kartę przeglądarki w stanowisko audytowe. Otwórz panel boczny, przeskanuj stronę i czytaj każdy błąd pogrupowany według reguły, z wartością zmierzoną obok wymaganego progu, powodem, sposobem naprawy oraz przykładem kodu gotowym do wklejenia. Pod maską to sprawdzanie dostępności stron uruchamia axe-core 4.13 oraz własną warstwę reguł dla kryteriów WCAG 2.2, których większość narzędzi wciąż nie obejmuje: rozmiar celu, focus nieprzesłonięty, dostępne uwierzytelnianie, odstępy tekstu i reflow. Większość osób instaluje narzędzie do sprawdzania dostępności stron dla jednego pytania przed wdrożeniem: co nie przejdzie i gdzie dokładnie. Odpowiedź pojawia się w dwie sekundy, na stronie już otwartej, bez kroku budowania i bez kolejki u hostowanego robota. ✅ Co obejmuje każde skanowanie ➤ Kontrast tekstu zwykłego, dużego oraz elementów nietekstowych ➤ Teksty alternatywne, grafiki dekoracyjne, obrazy opisane gdzie indziej ➤ Struktura nagłówków, punkty orientacyjne, język i tytuł dokumentu ➤ Etykiety formularzy, treść odnośników, tabele, napisy oraz wideo ➤ Kolejność tabulacji, wskaźnik focusu, pułapki klawiatury, rozmiar celu 📐 Normy, które rozumie Wynik przydaje się dopiero wtedy, gdy nazywa regułę, z której będziesz rozliczony, więc każde ustalenie niesie swoje kryterium sukcesu, poziom i wersję. 1. WCAG 2.0, 2.1 oraz 2.2 na poziomach A, AA i AAA 2. Ustawa o dostępności cyfrowej podmiotów publicznych 3. EN 301 549 oraz European Accessibility Act w Europie 4. Section 508, ADA Title III i AODA w Ameryce Północnej 🎨 Kontrast mierzony dwoma sposobami Pobierz dwa kolory zakraplaczem, edytuj je na żywo i obserwuj współczynnik WCAG obok wartości APCA Lc. Kalkulator kontrastu wydaje werdykt dla tekstu zwykłego, dużego i elementów nietekstowych naraz, więc wynik WCAG 2.1 AA leży o jedno spojrzenie od ostrzejszego wyniku WCAG AAA. APCA to nowsza metoda badana pod WCAG 3.0. 🕶 Symulacje widzenia na żywej stronie 1️⃣ Osiem typów widzenia barw, od protanopii po achromatopsję 2️⃣ Słabowzroczność, zaćma i jaskra nałożone na prawdziwy układ 3️⃣ Tryb trudności czytania dla tekstu, który nie chce ustać Symulator daltonizmu działa na samej stronie, nigdy na zrzucie ekranu, więc stany hover, wykresy i plakaty wideo także trafiają do przeglądu. 🧭 Znajdź problem bez czytania DOM - Locate przypina tabliczkę z kryterium do wadliwego elementu - Mapy nagłówków i punktów orientacyjnych rysują prawdziwą strukturę - Kolejność focusu jest ponumerowana wzdłuż realnej ścieżki klawiatury - Tekst alternatywny pojawia się obok każdego obrazu, także dekoracyjnego 📄 Materiały, którymi kończy się audyt Testowanie to połowa roboty. Wszystko poniżej wychodzi z tego samego skanu, więc raport dostępności, który oddajesz, zgadza się z kartą, którą przebadałeś. 📊 Raport HTML w twojej identyfikacji, drukowany do PDF 🧾 CSV oraz JSON do zgłoszeń, tablic i potoków ✍ Szkic deklaracji dostępności dla własnego serwisu 📋 Tabela w stylu VPAT dla zamówień publicznych W poniedziałek działa jako generator deklaracji dostępności, w piątek jako źródło raportu zgodności. 🌐 Badanie dostępności stron poza jedną podstroną Przejdź strony tego samego origin w jednym przebiegu, zachowaj historię i porównaj dwa uruchomienia, żeby zobaczyć, co się zepsuło, a co naprawiono. Pojedyncza kontrola staje się testem regresji przed każdym wydaniem, czyli tym, czego oczekuje się od narzędzia monitorującego. ✦ Dlaczego ten panel zostaje przypięty ✦ Każde ustalenie pokazuje pomiar, nigdy mgliste słowo o wadze ✦ Wskazówki tłumaczą naprawę, a nie tylko nazwę reguły ✦ Wszystko się eksportuje, nikt nie składa raportu ręcznie ✦ Panel przechodzi własny audyt na poziomie WCAG 2.2 AA 🔒 Prywatne z założenia Żadna treść, żaden adres i żaden wynik nie opuszcza komputera. Skaner bez połączenia sieciowego dociera tam, gdzie hostowane skanery nigdy nie zajrzą: staging, intranet i wersje wewnętrzne. Bez konta, bez rejestracji i bez sieci. 👥 Zbudowane dla całego zespołu Programiści sprzątający przed review, projektanci sprawdzający decyzje kolorystyczne, QA prowadzące testy dostępności stron w sprincie, agencje tworzące dokumenty dla klienta, redakcja decydująca, czy strona idzie na produkcję. Liczy się każda wyrenderowana strona. ⚡ Trzy kroki do dokumentu → Naciśnij Alt+Shift+A i pozwól skanowaniu przebiec → Przerób listę, zlokalizuj, popraw i powtórz kontrolę dostępności stron → Wyeksportuj raport, deklarację albo tabelę zgodności ⚖ Uczciwie o ograniczeniach Narzędzia automatyczne sięgają mniej więcej jednej trzeciej kryteriów WCAG i każdy wynik oraz każdy szkic mówi to wprost. Szybko usuń to, co widzi maszyna, a godziny zachowaj na oceny, których nie wystawi żadne automatyczne narzędzie. Pomoc w audycie, nigdy certyfikat. ⌨ Gotowe w dziesięć sekund Przypnij rozszerzenie, otwórz dowolną stronę i naciśnij Alt+Shift+A. Bez budowania, bez wdrożenia i bez zegara wersji próbnej. Panel mówi w piętnastu językach.