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

Automatyczne naprawianie błędów dostępności w locie

System znajduje błędy WCAG i proponuje poprawki, które zatwierdzasz przed publikacją. Prawdziwe zmiany w kodzie.

7 dni za darmo, bez karty kredytowej

Błędy dostępności można naprawić automatycznie

Według WebAIM prawie każda strona ma problemy z dostępnością. Autonaprawa usuwa je bez udziału dewelopera.

95.9%

stron ma błędy dostępności

Według WebAIM, 95.9% topowych stron ma błędy WCAG. Autofix rozwiązuje większość z nich bez dewelopera.

~1 min

na podłączenie

Dwa tagi przed </head> — i gotowe. Bez dewelopera, bez zmian w buildzie, bez DNS. Działa z każdym CMS i przez Google Tag Manager.

0

linii kodu od ciebie

Autonaprawa nie przepisuje Twoich plików. Poprawki nakładane są na stronę, a kod źródłowy pozostaje nietknięty.

Jak to działa technicznie

Od podłączenia do aktywnych poprawek — trzy kroki

01Krok pierwszy

Podłącz stronę

Wklej dwa tagi przed </head> — arkusz stylów i skrypt. To samo podejście co przy panelu dostępności. Następnie kliknij „Sprawdź", aby potwierdzić podłączenie.

setup · yoursite.com
Kod podłączeniaJS Snippet

Wklej przed </head>

<link rel="stylesheet" href="…/fixes/css" />
<script src="…/iw.js?id=•••" defer></script>
Żadnych zmian DNS
Dowolny CMS lub Google Tag Manager
Bez przebudowy projektu
Podłączenie zweryfikowane — autonaprawa działa
02Krok drugi

Autonaprawa przygotowuje poprawki

Bierze naruszenia znalezione przez audyt i zamienia je w gotowe poprawki pogrupowane według reguły: kontrast, atrybuty ARIA, ramki, linki. Każda grupa osobno.

autofix · real-time

Przygotowane poprawki

41 poprawek · 41 do przejrzenia

Live
Kontrast naprawiony
7:1
Rola ARIA dodana
role="nav"
Teksty alt dodane
12 img
Wskaźnik fokusa dodany
:focus-visible
Struktura nagłówków naprawiona
h1→h2→h3
Podłączenie potwierdzone
03Krok trzeci

Przejrzyj i aktywuj

Podgląd pokazuje dokładnie, co się zmieni. Stosuj grupami — potrzebne zatwierdzaj, resztę zostaw do przejrzenia. Aktywne staje się tylko to, co potwierdzisz.

Wypróbuj za darmo
preview · yoursite.com

Przegląd w Preview

3 z 4 grup zatwierdzone

Rola ARIA dla przycisku
WCAG 4.1.2 — Nazwa, rola, wartość
Kontrast tekstu
WCAG 1.4.3 — Minimalny kontrast
Skip navigation
WCAG 2.4.1 — Pomijanie bloków
Rola Aria dla navbara
Oczekuje na sprawdzenie
3 / 4Aktywuj na stronie

5 typów poprawek

Kompleksowe podejście do naprawiania błędów dostępności

5+

Obrazy i ikony

Oznaczenie obrazów dekoracyjnych, aria-hidden dla ikon, role elementów

12+

Formularze i przyciski

Etykiety pól, nazwy przycisków, powiązania label-input

18+

ARIA i role

Prawidłowe role elementów, atrybuty aria, regiony na żywo

12+

Kontrast i widoczność

Kolory tekstu, rozmiary elementów, czytelność wizualna

20+

Nawigacja i struktura

Nagłówki, klawiatura, skip-to-content, punkty orientacyjne

10+

Dokument i język

Tytuł strony, język dokumentu, meta tagi

Pełna kontrola nad zmianami

Wersjonowanie, rollback i fail-open — Twoja strona zawsze pod kontrolą

Wersjonowanie i Rollback

Pełna kontrola nad każdą zmianą.

Pierwsze poprawki
01.03.2025
Aktywna
Dodano role ARIA
05.03.2025
Naprawiono kontrast
10.03.2025

Zasada Fail-Open

Jeśli Worker nie może przetworzyć żądania — odwiedzający otrzyma oryginalną stronę. Zero ryzyka przestoju.

Strona działa nawet gdy InclusiveWeb jest niedostępny
Worker przetwarza tylko żądania GET do HTML
Żądania POST, formularze i checkout przechodzą bezpośrednio

Często zadawane pytania

Nie znalazłeś odpowiedzi?

Napisz do nas
Czy autonaprawa spowalnia stronę?

Skrypt ładuje się asynchronicznie (defer) i nie blokuje renderowania. Style poprawek to osobny plik, więc przeglądarka cachuje je jak każdy inny CSS. Autonaprawa nie proxuje ruchu i nie stoi między Twoją stroną a odwiedzającym.

Co się stanie gdy InclusiveWeb będzie niedostępny?

Zasada Fail-Open: jeśli Worker nie może przetworzyć żądania — odwiedzający otrzymuje oryginalną stronę. Twoja strona jest zawsze dostępna.

Czy muszę zmieniać kod strony?

Tak samo jak panel dostępności: wklejasz kod przed </head> — arkusz stylów i skrypt. Nic więcej się nie zmienia: ani HTML, ani CSS, ani DNS. Działa też przez Google Tag Manager.

Czy mogę sprawdźić poprawki przez aktywacją?

Tak. W trybie Review zobaczysz wszystkie poprawki w podglądzie. Każdy element można zatwierdzić lub odrzucić.

Jakie typy błędów naprawia autofix?

Autofix działa na czterech poziomach: atrybuty ARIA i role elementów, struktura strony i nagłówki, kontrast i widoczność wizualna, nawigacja klawiaturą. Bezpieczne poprawki są stosowane automatycznie; ryzykowne wymagają potwierdzenia w Review Mode.

Czy mogę kupić autofix osobno?

Tak. Autofix, audyt i panel to osobne produkty. Możesz kupić tylko autofix lub skorzystać z pakietu combo (Panel + Autofix) ze zniżką. Więcej szczegółów na stronie cenowej.

Zautomatyzuj dostępność już dziś

Zacznij od darmowego podglądu. Zobacz poprawki przez aktywacją.

Autonaprawa dostępności — poprawki bez zmian w kodzie | InclusiveWeb