Panel dostępności
Zadbaj o potrzeby
każdego odwiedzającego Twoją stronę
To, co wykracza poza compliance: 32 narzędzia i 8 profili, którymi odwiedzający dostosowuje stronę. Na już naprawionej stronie — a nie zamiast naprawy.
7 dni za darmo, bez karty kredytowej
Jak to działa
Trzy kroki od instalacji do rezultatu
Zainstaluj skrypt na stronie
Jedna linia kodu przed zamykającym tagiem body — i panel zaczyna działać. Przez wtyczkę WordPress, edytor motywu Shopify, Google Tag Manager albo ręcznie. Istniejący HTML strony pozostaje bez zmian.
<!DOCTYPE html>
<html lang="uk">
<head>...</head>
<body>
...
<!-- Jedna linia — i panel działa -->
<script
src="https://cdn.inclusiveweb.net/widget.js"
data-id="YOUR_ID"
async></script>
</body>
</html>Odwiedzający otwiera panel
Na stronie pojawia się pływający przycisk dostępności. Jedno kliknięcie — i otwiera się panel z 8 profilami i 32 narzędziami.
Panel dostępności
Strona dostosowuje się natychmiast
Odwiedzający wybiera ustawienia — czcionka, kontrast, maska czytania. Strona dostosowuje się natychmiast, bez przeładowania.
Wypróbuj za darmoWiększa czcionka, podświetlone nagłówki i linki. Maska czytania i kontrast dopasowane do potrzeb. więcej
Trzy warstwy, nie trzy produkty
Audyt znajduje błędy. Autofix je naprawia. Panel idzie dalej — każdemu odwiedzającemu daje osobiste ustawienia na już dostępnej stronie.
Warstwa 1 — Audyt
Znajduje problemy
Skanuje stronę według 90+ reguł WCAG 2.1/2.2 i pokazuje znalezione problemy z dostępnością. To diagnoza — widzisz dokładnie, co narusza standard.
Warstwa 2 — Autofix
Naprawia bez zmiany kodu
Stosuje poprawki znalezione przez audyt — teksty alternatywne, ARIA, kontrast, nagłówki. Każdą grupę zatwierdzasz przed aktywacją.
Warstwa 3 — Panel
Wykracza poza compliance
Techniczna zgodność z WCAG ≠ wygoda dla wszystkich. Seniorzy potrzebują większej czcionki, osoby z dysleksją — Lexend Deca, przy migrenie — trybu monochromatycznego. Panel daje każdemu odwiedzającemu osobiste ustawienia na już dostępnej stronie.
Podłoga i sufit
Compliance to podłoga — to, co strona musi mieć, by nie naruszyć prawa. Inclusion to sufit — jak każdy odwiedzający faktycznie korzysta ze strony. Audyt i Autofix budują podłogę. Panel podnosi sufit.
WCAG 2.2 AA + EAA 2025 wymagają dostępnych treści. Audyt i Autofix obejmują techniczną część tych wymagań — poprawkami nakładanymi na stronę, bez zmiany Twojego kodu.
Prawdziwa dostępność = użytkownik sam wybiera czcionkę, kontrast, tempo. Panel to robi — na już naprawionej stronie, a nie zamiast naprawy.
Co panel pokrywa według WCAG, a czego nie
Numery kryteriów i uczciwe "nie" tam, gdzie panel nie pomaga.
1.4.2 Sterowanie dźwiękiem
Wycisza wideo i audio, w tym osadzenia YouTube i Vimeo.
2.2.2 Pauza, zatrzymanie, ukrycie
Zatrzymuje animacje CSS i JS, autoodtwarzanie wideo, animowane GIF-y.
1.4.1 Użycie koloru
Podkreśla wszystkie linki, także w przyciskach i menu — technika W3C G182. Kodowania kolorem na wykresach i w statusach nie poprawia.
2.4.1 Omijanie bloków
Tryb „Dostęp z klawiatury” dodaje prawdziwy link „Przejdź do treści głównej” jako pierwszy w kolejności Tab. Nawigator po nagłówkach i sekcjach pozostaje drugą drogą.
1.4.4 Zmiana rozmiaru tekstu
Czcionka do 250%, powiększenie strony do 300% — technika W3C G178.
2.5.8 Rozmiar celu (minimum)
Przyciski, linki i pola mają co najmniej 24×24 piksele CSS. Kryterium WCAG 2.2.
1.4.3 Kontrast
Mierzy każdą parę tekst/tło i naprawia wszystkie poniżej 4,5:1. Wyłącza się, gdy sam wybierzesz kolor tekstu.
2.4.11 Fokus niezasłonięty (minimum)
Ten sam tryb: margines przewijania pod przycisk panelu i doprzewinięcie, gdy element z fokusem trafi pod przyklejony nagłówek witryny lub nasz przycisk. Kryterium WCAG 2.2.
2.3.3 Animacja po interakcji
Wstrzymuje animacje CSS, przejścia CSS i Web Animations.
2.3.2 Trzy błyski
Całkowicie zatrzymuje animacje — bez wyjątku „małego obszaru” — i ukrywa wideo oraz GIF-y.
2.4.13 Wygląd fokusu
Poziom „mocny”: ciągły kontur 4 px z białą obwódką — kontrast 3:1 na jasnym i ciemnym tle.
1.4.8 Prezentacja wizualna
Tryb „Czytelny tekst”: wiersze do 80 znaków, interlinia od 1,5, odstęp między akapitami 1,5× większy, bez justowania. Kolor tekstu, nagłówków i tła wybiera odwiedzający.
1.4.6 Kontrast (wzmocniony)
Tryb „Podwyższony kontrast”: mierzy każdą parę tekst/tło i poprawia ją do 7:1 (4,5:1 dla dużego tekstu).
Działa tylko wtedy, gdy odwiedzający włączył dane narzędzie, w ramach jego sesji — sama strona nie staje się przez to zgodna.
2.4.7 Widoczność fokusu
Obramowanie na elemencie z fokusem, trzy grubości.
1.4.12 Odstępy w tekście
Interlinia od 1,5 oraz odstępy liter, słów i akapitów.
2.3.1 Błyski
Profil „Epilepsja" zatrzymuje miganie.
2.4.5 Wiele sposobów
Nawigator po nagłówkach, linkach i sekcjach to drugi sposób znalezienia treści. Własne sposoby witryny (wyszukiwarka, mapa strony) pozostają po jej stronie.
3.2.6 Spójna pomoc
Formularz opinii jest w tym samym miejscu panelu na każdej stronie. Obowiązuje tylko, dopóki widżet jest wyświetlany na wszystkich stronach witryny.
4.1.2 Nazwa, rola, wartość
Tryb „Nazwy dla czytnika ekranu”: autorski title lub tytuł ikony SVG przenoszony jest do aria-label tam, gdzie element nie ma innej nazwy. Role, stany i wymyślone nazwy — nie.
3.3.2 Etykiety lub instrukcje
Ten sam tryb: pole mające tylko placeholder dostaje go jako aria-label. Prawdziwe etykiety, instrukcje i formaty wprowadzania pozostają po stronie witryny.
Działa w sesji odwiedzającego — sama strona nie staje się przez to zgodna.
Teksty alternatywne to osobny produkt AI Alt-tekst (Beta), a nie część Panelu. O AI Alt-tekście →
Nic z tego nie liczy się do żadnego kryterium. To sufit: potrzeba, której standard nie opisuje.
Uczciwie o granicach
Panel nie sięga animacji JS rysowanych klatka po klatce ani ramek z innych domen. A przede wszystkim: zgodność jest właściwością strony wysyłanej wszystkim, więc żaden widget sam z siebie nie czyni strony zgodną.
32 narzędzia adaptacji + 8 profili
4 kategorie adaptacji oraz 8 gotowych profili pod najczęstsze potrzeby: słaby wzrok, dysleksja, daltonizm, ADHD, epilepsja, różnice poznawcze, motoryka, zmęczenie oczu.
Pełna lista narzędzi z opisamiKategoria 01
Dysleksja, zaburzenia poznawcze. osoby starsze
Czcionka i czytanie
- Skala strony
- rozmiar czcionki
- odstępy między literami
- odstępy między słowami
- odstępy między wierszami
- odstępy między akapitami
- czcionka dla dysleksji
- czytanie bioniczne
- podświetlanie nagłówków
- podświetlanie linków
- wyrównanie tekstu
- odczyt tekstu (TTS)
Kategoria 02
Ustawienia wizualne
Daltonizm, słaby wzrok, wrażliwość na światło
Kategoria 03
Narzędzia i nawigacja
Zaburzenia motoryczne, orientacja na stronie
Kategoria 04
Komfort przeglądania
Epilepsja, ADHD, koncentracja
Personalizacja i specyfikacja techniczna
Panel w pełni dostosowuje się do Twojej marki, a loader nie blokuje renderowania strony
Pełna personalizacja pod Twoją markę
Panel w pełni dopasowuje się do designu Twojej strony
Przesunięcie w poziomie i pionie w pikselach — przycisk trafia dokładnie tam, gdzie trzeba
5 stylów wyglądu, 4 typy ikon
Pełne dopasowanie do identyfikacji wizualnej
Ponad 20 języków z automatycznym wykrywaniem
Użyj własnego przycisku na stronie zamiast domyślnego
Link do Twojej deklaracji dostępności
Gotowe ustawienia, jeśli strona wysyła nagłówek Content-Security-Policy
Lekki i szybki
Praktycznie nie wpływa na szybkość ładowania Twojej strony
Ponad 20 języków interfejsu
Panel automatycznie wyświetla się w języku odwiedzającego
Czy to nie jest zwykła nakładka?
Technicznie tak — to widget na wierzchu strony. Różnica nie polega na tym, jak działa, lecz na tym, co deklarujemy: nie sprzedajemy go jako zamiennika poprawek w kodzie i nie wywodzimy z niego zgodności ze standardem. Kod naprawia Autofix — osobną warstwą, za Waszym zatwierdzeniem każdej grupy zmian.
Czy panel spełnia wymagania WCAG i Europejskiego aktu o dostępności?
Częściowo. Wymóg prawny dotyczy samej strony: dostępnego kodu i treści. Panel daje odwiedzającemu mechanizmy, których standard wprost wymaga w wybranych kryteriach — sterowanie automatycznie odtwarzanym dźwiękiem, zatrzymanie ruchomych treści, wybór kolorów i odstępów. Nie obejmuje jednak napisów, logiki formularzy, kontrastu w projekcie ani komponentów niestandardowych. Audyt pokazuje, co dokładnie nie spełnia wymagań, Autofix automatyzuje część poprawek, resztę wykonuje Wasz zespół.
Dlaczego nie piszecie "zgodność z WCAG jednym kliknięciem"?
Bo to nieprawda, a za takie twierdzenia już są kary. W kwietniu 2025 roku amerykańska Federalna Komisja Handlu wydała nakaz na 1 mln USD wobec dostawcy nakładkowego widgetu za twierdzenia, że jego produkt czyni strony zgodnymi z WCAG. Zamiast tego piszemy, która warstwa co pokrywa, i dajemy raport, który można pokazać audytorowi.
Czy panel wpłynie na szybkość mojej strony?
Nie. Async-loader waży ~25 KB gzip i nie blokuje ładowania strony. Sam panel (~117 KB gzip) jest lazy-loaded w iframe dopiero gdy użytkownik go otworzy. Izolacja iframe gwarantuje, że style panelu nie kolidują z Twoją stroną.
Czy ustawienia odwiedzających są zapisywane?
Tak. Wszystkie wybrane ustawienia zapisują się w przeglądarce odwiedzającego (localStorage). Przy kolejnej wizycie strona natychmiast dostosowuje się do jego potrzeb.
Czy obsługuje urządzenia mobilne?
Tak. Panel ma responsywny interfejs zoptymalizowany pod smartfony i tablety. Wszystkie narzędzia są dostępne na każdym urządzeniu.
Czy mogę wybrać, które narzędzia wyświetlać?
Tak. W panelu administracyjnym możesz włączać i wyłączać dowolne narzędzia i profile. Ustawienia aktualizują się bez zmiany kodu na stronie.
Jak zainstalować na WordPressie lub Shopify?
Dla WordPressa — wklej kod w stopkę przez Customize. lub dowolną wtyczkę do wstawiania skryptów. Dla Shopify — dodaj do theme.liquid przez '</body>'. Obsługiwany jest też Google Tag Manager.
Uczyń swoją stronę dostępną dla każdego już dziś
7 dni za darmo. Instalacja w minutę.