Przejdź do treści
Pandus

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.

Karta „Sprawdzenie”: każdy problem wyjaśniony, element zaznaczony na stronie
Karta „Sprawdzenie”: każdy problem wyjaśniony, element zaznaczony na stronie
Karta SEO: indeksowanie, podgląd w wynikach wyszukiwania i wszystkie testy strony
Karta SEO: indeksowanie, podgląd w wynikach wyszukiwania i wszystkie testy strony
Narzędzia do ręcznej kontroli: kolejność Tab i struktura nagłówków na stronie
Narzędzia do ręcznej kontroli: kolejność Tab i struktura nagłówków na stronie

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:

  1. 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.
  2. Firefox: otwórz about:debugging#/runtime/this-firefox, kliknij Load Temporary Add-on i wybierz manifest.json z rozpakowanego folderu. Tymczasowy dodatek jest usuwany po ponownym uruchomieniu Firefoksa; publikacja na addons.mozilla.org usunie ten krok.
  3. 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.