Komponenty wskazówek

Projektuj lekki, dostępne wskazówki, które wyjaśniają interfejs without przeszkadzając w doświadczeniu użytkownika.

Wskazówki na pulpicie pojawiają się, gdy najechasz lub skupiasz uwagę na elemencie, z opóźnieniem 150-250 milisekund. Znikają, jeśli przesuniesz myszkę czy nacisnąs Escape.

Zachowaj skrócone (≤2 linie). Unikaj łącza i złożonego treści.

Najlepiej umieszczać wskazówki na szczycie lub dole elementów, odwracając je, gdy docierają do krawędzi. Zachowaj odstęp 8-12 pikseli między stimulatorem a wskazówką.

Używanie role="tooltip" z aria-describedby na wyróżniku.

Dla urządzeń mobilnych, pomocnicze teksty wstawione bezpośrednio lub informacyjne okna modale są często lepszym rozwiązaniem od wskazówek, ponieważ nie blokują treści. Jeśli używasz wskazówki, wyśrodkuj ją i pozwól użytkownikowi, aby kliknął poza nią, aby zakończyć wyświetlanie.

Często zadawane pytania

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.