Przejdź do treści głównej
Granty do $15 000/rok dla mediów

Panel dostępności

Zadbaj o potrzeby każdego odwiedzającego Twoją stronę

To, co wykracza poza compliance: 31 narzędzi 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

01Krok pierwszy

Zainstaluj skrypt na stronie

Jedna linia kodu przed zamykającym tagiem body — i panel zaczyna działać. Bez zmian w istniejącym HTML strony.

index.html
<!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>
02Krok drugi

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 31 narzędziami.

yoursite.com.ua

Panel dostępności

Polski
Profile dostępności
Słaby wzrok
Dysleksja
Daltonizm
ADHD
Padaczka
Poznawcze
Motoryka
Osoby starsze
Czcionka i czytanie
Powiększenie strony
100%
Rozmiar czcionki
100%
03Krok trzeci

Strona dostosowuje się natychmiast

Odwiedzający wybiera ustawienia — czcionka, kontrast, maska czytania. Strona dostosowuje się natychmiast, bez przeładowania.

Wypróbuj za darmo
yoursite.com.ua · adapted
Ustawienia aktywneCzcionka +20%Podświetl nagłówkiPodświetl linkiLexend Deca
Uczyń swoją stronę dostępną

Większa czcionka, podświetlone nagłówki i linki. Maska czytania i kontrast dopasowane do potrzeb. więcej

Więcej
4 aktywne

Trzy warstwy, nie trzy produkty

Audyt znajduje błędy. Autofix naprawia kod. Panel idzie dalej — każdemu odwiedzającemu daje osobiste ustawienia na już dostępnej stronie.

01

Warstwa 1 — Audyt

Znajduje problemy

Skanuje stronę według 90+ reguł WCAG 2.2 i pokazuje wszystkie problemy z dostępnością. To diagnoza — widzisz dokładnie, co narusza standard.

02

Warstwa 2 — Autofix

Naprawia kod naprawdę

Automatycznie przepisuje HTML na poziomie DNS-proxy — atrybuty alt, ARIA, kontrast, nagłówki. To nie teatr overlayów: realne zmiany, które widzi czytnik ekranu i Google.

03

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.

Compliance (podłoga)

WCAG 2.2 AA + EAA 2025 wymagają dostępnych treści. Audyt i Autofix zamykają wymóg prawny — bez teatru overlayów.

Inclusion (sufit)

Prawdziwa dostępność = użytkownik sam wybiera czcionkę, kontrast, tempo. Panel to robi — na już naprawionej stronie, a nie zamiast naprawy.

Razem — pełne pokrycie

Audyt znajduje → Autofix naprawia kod → Panel daje każdemu odwiedzającemu kontrolę. Trzy warstwy, jeden ekosystem. Bez skrótów z overlayami, bez połowicznych rozwiązań.

AudytAutofixPanel dostępności

31 narzędzi adaptacji + 8 profili

4 kategorie adaptacji oraz 8 gotowych profili — pokrywają potrzeby wszystkich grup osób z niepełnosprawnościami.

Kategoria 01

Dysleksja, zaburzenia poznawcze. osoby starsze

12
narzędzi

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)
4
narzędzi

Kategoria 02

Ustawienia wizualne

Daltonizm, słaby wzrok, wrażliwość na światło

Ciemny kontrastwysoki kontrastczarno-białyfiltr kolorystyczny
5
narzędzi

Kategoria 04

Narzędzia i nawigacja

Zaburzenia motoryczne, orientacja na stronie

Klawiatura ekranowalupa ekranowanawigacja po nagłówkachnawigacja po linkachnawigacja po regionach

Kategoria 03

Komfort przeglądania

Epilepsja, ADHD, koncentracja

10narzędzi
Maska czytanialinijka czytaniapodświetlenie fokusupodświetlanie elementówpodświetlenie najechaniazatrzymanie animacjiukrycie obrazówwyciszenie dźwiękówduży kursorauto-przewijanie

Personalizacja i specyfikacja techniczna

Panel w pełni dostosowuje się do Twojej marki i nie wpływa na wydajność strony

Pełna personalizacja pod Twoją markę

Panel w pełni dopasowuje się do designu Twojej strony

Pozycja przycisku

7 opcji rozmieszczenia na stronie

Styl i ikona

5 stylów wyglądu, 4 typy ikon

Kolory marki

Pełne dopasowanie do identyfikacji wizualnej

Język interfejsu

Ponad 20 języków z automatycznym wykrywaniem

Własny przycisk

Użyj własnego przycisku na stronie zamiast domyślnego

Deklaracja dostępności

Link do Twojej deklaracji dostępności

Lekki i szybki

Nie wpływa na szybkość ładowania Twojej strony

~25 KB gzipAsync-loader, nie blokuje strony. Panel ~117 KB gzip — lazy-loaded w iframe
AsyncNieblokujące ładowanie
IframeIzolacja stylów
Wszystkie przeglądarkiChrome, Firefox, Safari, Edge
Gotowy na mobileResponsywny interfejs

Ponad 20 języków interfejsu

Panel automatycznie wyświetla się w języku odwiedzającego

UAENDEESFRITPLRU

Często zadawane pytania

Nie znalazłeś odpowiedzi?

Napisz do nas
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ę.

Widżet dostępności dla stron — 36 narzędzi adaptacyjnych | InclusiveWeb