WCAG 2.2 AA
Funkcje InclusiveWeb
Pełna lista narzędzi dostępności, ich opisy i komu pomagają.
46
narzędzi i profili
6
kategorii
8
języków interfejsu
Profile dostępności
88 gotowych presetów — jednym kliknięciem włącza zestaw ustawień dopasowanych do potrzeby.
| Funkcja | Opis |
|---|---|
| Słaby wzrok | Zwiększa czcionkę o 40%, wysoki kontrast, duży kursor, podświetlone nagłówki. |
| Dysleksja | Czcionka Lexend Deca, zwiększone odstępy między wierszami i literami, maska czytania. |
| Daltonizm | Filtr kolorów dla osób z daltonizmem (protanopia / deuteranopia / tritanopia). Po włączeniu pojawia się selektor typu. |
| ADHD | Zatrzymanie wszystkich animacji, zmniejszone nasycenie kolorów, czytelna czcionka, maska czytania. |
| Padaczka | Pełne zatrzymanie animacji, tryb monochromatyczny, zmniejszone nasycenie, przyciemnione obrazy. |
| Poznawcze | Czytelna czcionka, maska czytania, zatrzymanie animacji, przyciemnione obrazy. |
| Motoryka | Duży kursor, silne podświetlenie fokusu, podświetlanie elementów interaktywnych i najechanych. |
| Osoby starsze | Większa czcionka i odstępy, duży kursor, wysoki kontrast, podświetlenie najechania. |
Czcionka i czytanie
1212 narzędzi do wygodnego czytania, ustawień czcionki i odczytu tekstu.
| Funkcja | Opis |
|---|---|
| Skala strony | Powiększanie lub zmniejszanie całej strony (50–300%). |
| Rozmiar czcionki | Zmiana rozmiaru tekstu niezależnie od skali strony (50–250%). |
| Odstępy między literami | Zwiększa odstępy między literami (100–250%). |
| Odstępy między słowami | Zwiększa odstępy między słowami (100–250%). |
| Odstępy między wierszami | Zwiększa odstępy między wierszami dla łatwiejszego czytania. |
| Odstępy między akapitami | Zwiększa odstępy między akapitami dla wizualnego rozdzielenia. |
| Czcionka dla dysleksji | Lexend Deca — szersze odstępy między literami, zwalidowane przez Stanford / Microsoft. Rekomendowane przez British Dyslexia Association. |
| Czytanie bioniczne | Pogrubia pierwsze litery wyrazów — pomaga oku szybciej przesuwać się po tekście. |
| Podświetl nagłówki | Podświetla wszystkie nagłówki H1–H6 żółtym markerem dla lepszej nawigacji. |
| Podświetl linki | Dodaje niebieskie tło i podkreślenie do wszystkich linków. |
| Wyrównanie tekstu | Zmiana wyrównania tekstu: do lewej, do środka, do prawej. |
| Odczyt tekstu (TTS) | Osobny przełącznik + regulator prędkości (1×/1.5×/2×). Kliknij element, aby usłyszeć, ↑↓ — nawigacja, Alt+T — przełączanie. |
Ustawienia wizualne
44 tryby kontrastu i filtry kolorów.
| Funkcja | Opis |
|---|---|
| Ciemny kontrast | Odwraca kolory — jasny tekst na ciemnym tle. |
| Wysoki kontrast | Maksymalna ostrość tekstu i elementów. |
| Czarno-biały | Usuwa wszystkie kolory, pozostawia odcienie szarości. |
| Filtr kolorystyczny | 6 pastelowych nakładek (różowy, niebieski, żółty, zielony, brzoskwiniowy, lawendowy) — bezpieczne dla kontrastu krycie 15%. |
Komfort przeglądania
1010 narzędzi do ograniczania rozproszeń, kontroli fokusu i zatrzymywania animacji.
| Funkcja | Opis |
|---|---|
| Maska czytania | Przyciemnia ekran wokół wiersza. 3 szerokości: wąska, średnia, szeroka. |
| Linijka czytania | Pozioma linia podążająca za myszą — pomaga utrzymać wiersz. |
| Podświetlenie fokusu | Wzmocniony fokus przy nawigacji Tab. 3 poziomy: cienki, średni, mocny. |
| Podświetl elementy | Pokazuje przerywane obramowanie wokół przycisków, linków i innych elementów interaktywnych. |
| Podświetlenie najechania | Podświetla element po najechaniu myszą — obramowanie i tło. |
| Zatrzymaj animacje | Zatrzymuje wszystkie ruchy, przejścia i animacje na stronie. |
| Ukryj obrazy | Przyciemnia zdjęcia i filmy. 3 poziomy: półprzezroczyste, ledwo widoczne, ukryte. |
| Wycisz dźwięki | Wycisza wszystkie filmy i audio na stronie. |
| Duży kursor | Powiększony biały kursor z czarnym konturem — dobrze widoczny na każdym tle. |
| Auto-przewijanie | Strona przewija się automatycznie z regulowaną prędkością. |
Narzędzia i nawigacja
55 narzędzi do nawigacji alternatywnej i powiększania.
| Funkcja | Opis |
|---|---|
| Klawiatura ekranowa | Pełna klawiatura nad stroną do wpisywania tekstu bez klawiatury fizycznej. |
| Lupa ekranowa | Powiększa obszar pod kursorem myszy. |
| Nawigacja po nagłówkach | Lista wszystkich nagłówków H1–H6 na stronie z funkcją szybkiego skoku. |
| Nawigacja po linkach | Lista wszystkich linków na stronie z funkcją szybkiego skoku. |
| Nawigacja po regionach | Lista regionów ARIA: nagłówek, nawigacja, treść główna, stopka. |
Zarządzanie panelem
77 elementów sterowania samym panelem: język, reset, ukrywanie, opinie, oświadczenie o dostępności.
| Funkcja | Opis |
|---|---|
| Wybór języka | Interfejs panelu w 8 językach: ukraiński, angielski, niemiecki, hiszpański, francuski, włoski, polski, rosyjski. |
| Selektor typu daltonizmu | Pigułkowy selektor Protan / Deutan / Tritan pod profilem „Daltonizm" po jego włączeniu. |
| Resetuj wszystko | Jednym kliknięciem czyści wszystkie aktywne ustawienia i profile. Pokazuje liczbę aktywnych opcji. |
| Ukryj widżet | Ukrywa przycisk FAB widżetu. 3 opcje: bieżąca sesja, 1 godzina, 24 godziny. |
| Powiększony panel | Tryb XL panelu z większą czcionką, marginesami i elementami sterującymi. |
| Formularz opinii | Formularz do zgłaszania problemów z dostępnością na stronie — przekazywany do właściciela. |
| Oświadczenie o dostępności | Szczegóły zgodności z WCAG 2.2 AA, EN 301 549, testowane czytniki ekranu, technologie, kontakty. |
Skróty klawiszowe
| Skrót | Akcja |
|---|---|
| Alt + A | Otwórz / zamknij panel dostępności |
| Tab | Nawigacja między elementami panelu |
| Escape | Zamknij panel |
| Alt + T | Przełączaj TTS: wył. → 1× → 1.5× → 2× → wył. |
Zaktualizowano: maj 2026