Zmienia skalę tekstu od 80% do 160%.
wcag-font-120
Demo opcji
Włączaj funkcje po lewej stronie i obserwuj, jak zmienia się przykładowy fragment strony. Poniżej możesz też otworzyć prawdziwy panel widgetu.
Opcje
Zmienia skalę tekstu od 80% do 160%.
wcag-font-120
Zwiększa odstępy między literami i wyrazami.
wcag-ls-on
Rozluźnia tekst przez większą wysokość wiersza.
wcag-lh-on
Przełącza tekst na krój ułatwiający czytanie części użytkowników.
wcag-dyslexia
Przestawia podgląd na czarne tło, jasny tekst i żółte linki.
wcag-contrast
Wzmacnia czytelność w jasnym wariancie kontrastu.
wcag-contrast-light
Odwraca kolory podglądu i zachowuje kontrast elementów.
wcag-invert
Usuwa kolor, zostawiając relacje jasności.
wcag-grayscale
Wycisza intensywność kolorów.
wcag-saturation-low
Podbija nasycenie kolorów w interfejsie.
wcag-saturation-high
Chowa obrazy i elementy multimedialne, zostawiając strukturę strony.
wcag-hide-images
Wyróżnia linki grubszym podkreśleniem.
wcag-links
Dodaje mocny obrys fokusu dla elementów aktywnych.
wcag-focus
Pokazuje większy kursor i ułatwia śledzenie interakcji.
wcag-cursor-lg
Dodaje poziomy pasek pomagający utrzymać wzrok na aktualnym wierszu.
wcag-mask
Pokazuje dodatkowe objaśnienia przy elementach interfejsu.
wcag-tooltips
Wyświetla nagłówki, landmarki i linki wykryte na stronie.
page-structure
Ogranicza animacje, przejścia i płynne przewijanie.
wcag-no-motion
Zawęża treść do wygodnej szerokości czytania.
wcag-width-standard
Rozciąga układ do pełnej dostępnej szerokości.
wcag-width-wide
Jak czytać demo
Opcje z podglądu pokazują warstwę ułatwień: tekst, kontrast, nawigację, ruch i układ. Nadal trzeba zadbać o poprawny HTML, etykiety formularzy, teksty alternatywne, logiczną kolejność fokusu i dostępną treść.