Zacznij od działań, które łatwo pomylić
Otwarcie produktu i dodanie go do porównania to dwa różne zamiary. Na telefonie przyciski tych działań bywają jednak niemal złączone. Przed zmianą projektu wypisz takie pary: wyszukiwanie i zamknięcie, poprzednie i następne zdjęcie, plus i minus. Oceniaj parę, nie tylko wygląd pojedynczej ikony. Jeśli zwykłe dotknięcie wymaga uważnego celowania, warto ponownie przemyśleć układ.
Mały symbol, odpowiedni obszar działania
Niewielka ikona może znajdować się wewnątrz większego przycisku. Otaczające miejsce musi rzeczywiście reagować na naciśnięcie, a nie tylko wyglądać jak odstęp. Sąsiednie aktywne obszary nie powinny się nakładać. Kryterium 2.5.8 WCAG 2.2 na poziomie AA określa minimum 24 × 24 piksele CSS z ustalonymi wyjątkami. To próg sprawdzenia, nie uniwersalny przepis na wygodne menu.
Najpierw uprość, potem powiększaj
Gdy wszystkie działania się nie mieszczą, nie zmniejszaj ich bez końca. Główne pozostaw widoczne, a rzadkie umieść w jasno nazwanym menu dodatkowym. Zachowaj informację o bieżącej sekcji i oczywistą drogę powrotu. Sprawdzaj prawdziwe tłumaczenia etykiet: krótki przykład z makiety może ukryć problem pojawiający się w innym języku.
Odbiór zmiany w praktyce
Sprawdź zwykłe i powiększone wyświetlanie, wąski ekran oraz otwartą klawiaturę wyszukiwania. Dotknij krawędzi przycisku, przestrzeni między działaniami i samej etykiety. Wynik powinien być zrozumiały, bez przypadkowego przejścia. Przejdź też interfejs klawiszem Tab: duży obszar dotykowy nie zapewnia samodzielnie dostępności klawiaturowej. Zapisz sprawdzone widoki i metody wprowadzania danych. Przegląd kilku przycisków nie jest pełnym audytem dostępności.
Przeczytaj także o widocznym fokusie i nawigacji klawiaturą.