Opcja trybu wysokiej kontrastowości

Q: Jak tryb wysoki kontrast jest powiązany z informacją praw autorskich?

Zapewniaj temat o wysokiej kontrastowości, który poprawia czytelność dla użytkowników z niską widzialnością.

Używaj pary bliskiej do czerni/bliskiej do białca; tekst/tło ≥ 7:1 gdzie to możliwe. Upewnij się, że kolorystyka stanu również przekracza AA/AAA.

Zapewniaj jasne tokeny dla trybu wysokiej kontrastowości, aby uniknąć przypadkowych cofnięć.

Interfejs użytkownika i umieszczenie przycisku przełącznika

Dodaj przycisk przełączniku w sekcji ustawień oraz w narzędziu nagłówkowym. Zaznacz jasno (“Wysoki kontrast”).

Użyj ariapressed i widocznej fokuszacji. Pozwól na szybkie cofnięcie.

demo na żywo · powiązana symulacja● LIVE

Trwałość i domyślne ustawienia

Zapamiętywaj wybór w localStorage/profilu; szanuj sygnały wysokiego kontrastu z systemu, gdy są dostępne.

Zastosuj natychmiastowo przy załadowaniu, aby uniknąć mgnień.

Często zadawane pytania

Czym jest cel opcji trybu wysokiej kontrastowości?

Zabezpieczenie dostępu dla osób z ograniczonymi widzeniem i innych niepełnosprawności

Jak mogę upewnić się, że wszystkie komponenty interfejsu użytkownika są dostępne w trybie wysokiej kontrastowości?

Audyt wszystkich komponentów: przyciski, pola wprowadzania danych, tabele, wykresy, obramowania skupienia, linki, nagłówki. Unikaj zależności od koloru; dodaj podkreślenia lub wzory.

Jakie metody testowania dostępnego korzystania z informacji powinny być używane do zweryfikowania trybu wysokiej kontrastowości?

Użyj axe/Lighthouse; ręczne sprawdzanie przy użyciu ustawień niskiego widzenia. Upewnij się, że są prawidłowo wyświetlane wszystkie stany (sklejone/skupione/aktywne/wyłączone), obrazy/icony bez halosów oraz czy wykresy/tipy dołączane są czytelnie.

Jak tryb wysoki kontrast jest powiązany z informacją praw autorskich?

▶ Wypróbuj na żywo

Wszystko powyżej działa bezpośrednio w Twojej przeglądarce — otwórz Hash Function Avalanche Visualizer i zmieniaj parametry podczas działania. Nic nie jest instalowane ani przesyłane na serwer, cały model działa w jednej karcie.

▶ Otwórz symulację Hash Function Avalanche Visualizer