Sprawdzanie dostępności w przeglądarce (WCAG 2.2, EAA)
Pandus rozszerzenie przeglądarki 1.0.0
Za darmo. Chrome, Edge, Brave, Opera i Firefox. W sklepach z rozszerzeniami: wkrótce.
Rozszerzenie Pandus sprawdza stronę, na której jesteś, pod kątem WCAG 2.2 AA — poziomu, na którym opierają się Europejski akt w sprawie dostępności, niemiecka ustawa BFSG i ADA — i wyjaśnia każdy problem prostymi słowami, po polsku, angielsku, ukraińsku, niemiecku, czesku, rumuńsku lub rosyjsku. Działa w Twojej przeglądarce, więc sprawdza też strony po zalogowaniu: koszyk z produktami, kasę, konto klienta, stronę testową.
Co robi
- Sprawdź tę podstronę jednym kliknięciem. Ponad 90 automatycznych reguł, tych samych co w cotygodniowym sprawdzeniu Pandus. Problemy są pogrupowane według reguł, najpoważniejsze na początku, z wyjaśnieniem, dlaczego mają znaczenie dla Twoich klientów i jak je naprawić.
- Pokaż element. Kliknij „Pokaż”, a strona przewinie się do elementu i go obrysuje.
- Wymagania oddzielone od porad. Najpierw problemy WCAG 2.2 A/AA; AAA i dobre praktyki są pokazane osobno jako porady.
- Kopiuj dla programisty. Cała lista w formacie Markdown do zgłoszenia w Jira, Trello lub wiadomości.
SEO strony
Zakładka SEO czyta stronę tak, jak zaczyna ją czytać wyszukiwarka: czy można ją zaindeksować (status, noindex, X-Robots-Tag, robots.txt, canonical), podgląd wyniku wyszukiwania z szerokością tytułu w pikselach, meta description, nagłówki H1–H6, podgląd udostępnionego linku w Open Graph i Twitter, schema.org JSON-LD z linkami do Rich Results Test, obrazy (alt, zbyt duże pliki, lazy loading na pierwszym ekranie, brak width i height), linki (wewnętrzne, zewnętrzne, nofollow, target=_blank bez noopener, obrysowane na stronie), hreflang, viewport, mapę witryny i to, co zwykle przez pomyłkę zostaje po starcie: noindex, Disallow: /, lorem ipsum, linki do serwera testowego. Skopiuj wyniki jako zadanie albo jako prompt dla AI.
Narzędzia do ręcznego przeglądu
Automat znajduje tylko część problemów. Narzędzia pomagają w reszcie:
| Narzędzie | Co pokazuje | WCAG |
|---|---|---|
| Kolejność Tab | Numery i linia w kolejności, w jakiej przesuwa się fokus klawiatury | 2.4.3, 2.1.1 |
| Nagłówki | Struktura, po której poruszają się użytkownicy czytników ekranu, pominięte poziomy na czerwono | 1.3.1, 2.4.6 |
| Punkty orientacyjne | Nagłówek strony, nawigacja, główna treść, stopka | 1.3.1 |
| Obrazy i tekst alt | Tekst odczytywany dla każdego obrazu, brakujące na czerwono | 1.1.1 |
| Odstępy w tekście | Większe odstępy między wierszami, literami i słowami | 1.4.12 |
| Powiększenie 200% | Strona powiększona dwukrotnie | 1.4.4 |
| Wąski ekran (320 px) | Strona w oknie o szerokości 320 px | 1.4.10 |
| Widzenie barw | Protanopia, deuteranopia, tritanopia, brak kolorów, rozmycie | 1.4.1 |
| Kontrast | Stosunek dwóch kolorów pobranych ze strony | 1.4.3, 1.4.11 |
Z kontem Pandus
Połącz rozszerzenie ze swoim kontem jednym kliknięciem (zatwierdzasz to w koncie; rozszerzenie może tylko odczytywać wyniki i zapisywać sprawdzenia):
- zobacz, co znalazło cotygodniowe sprawdzenie na stronie, na której jesteś, z linkiem do raportu;
- zapisz sprawdzenie strony po zalogowaniu przy swojej witrynie — pojawi się na stronie witryny w sekcji „Sprawdzenia z przeglądarki”;
- dodaj do Pandus witrynę, którą właśnie oglądasz.
Załóż darmowe konto albo zobacz, jak działa Pandus.
Jak zainstalować
Dopóki rozszerzenia nie ma w Chrome Web Store i na addons.mozilla.org, zainstaluj je z archiwum zip powyżej:
- Chrome, Edge, Brave, Opera: rozpakuj zip, otwórz
chrome://extensions, włącz Developer mode (Tryb dewelopera), kliknij Load unpacked (Załaduj rozpakowane) i wybierz folder. - Firefox: otwórz
about:debugging#/runtime/this-firefox, kliknij Load Temporary Add-on i wybierzmanifest.jsonz rozpakowanego folderu. Tymczasowy dodatek jest usuwany po ponownym uruchomieniu Firefoksa; publikacja na addons.mozilla.org usunie ten krok. - Przypnij ikonę Pandus do paska narzędzi. Kliknij ją lub naciśnij Alt+Shift+A na dowolnej stronie.
Prywatność
Bez śledzenia, bez analityki, bez plików cookie. Rozszerzenie prosi tylko o dostęp do aktywnej karty, gdy je klikniesz, oraz do pandus.online, aby komunikować się z Twoim kontem. Sprawdzenia zostają w Twojej przeglądarce, dopóki ich nie zapiszesz.
Zobacz też naszą wtyczkę WordPress, kod dla każdej strony i darmowe narzędzia.