Przejdź do treści

Dzisiejsze kryterium – WCAG 2.5.5 Rozmiar celu (poziom AAA), może się Wam skojarzyć ze sportem wymagającym celowania. I słusznie, ponieważ wymaga ono, aby element interaktywny, na przykład przycisk czy link, miał wymiary najlepiej 44×44 px. Wydaje się dość sporo, prawda? Jest to częsty problem projektantów aplikacji mobilnych.

Należy podkreślić, że dzisiejsze kryterium to poziom potrójnego A i wymaganie to jest to dość surowe. W kolejnych wpisach, omówimy pokrewne kryterium – 2.5.8 (poziom AA – WCAG 2.2.), którego podejście wydaje się być bardziej realne i możliwe do wdrożenia – 24x24px.

Ale wracając do 2.5.5 – Rozmiar celu (AAA)

  • Dlaczego element interaktywny powinien mieć właśnie taki rozmiar?
    Pomaga to użytkownikom, którzy odwiedzają strony WWW na urządzeniach mobilnych. Palec jest znacznie większy niż wskaźnik myszy lub rysik, zakrywa też większą powierzchnię ekranu, więc celowanie wymaga sporo precyzji.
  • Poprawia to dostępność dla osób starszych lub o ograniczonej mobilności, które mogą mieć trudności z trafieniem w odpowiednie miejsce, niezależnie od tego, czy korzystają z komputera, tabletu czy telefonu, oraz czy działają jedną czy dwiema rękami, a nawet gdy występuje u nich drżenie rąk.

Czy od kryterium WCAG 2.5.5 Rozmiar celu są wyjątki?

Oczywiście:

  • Linki lub ikony zawarte wewnątrz lub na obrzeżach akapitu tekstu, czyli na przykład linki do przypisów, przyciski z ikonką pomocy lub wszelkie pokrewne. Powiększenie tych elementów mogłoby utrudnić czytanie danego fragmentu tekstu.
  • Jeśli tę samą czynność na stronie można wykonać na kilka sposobów i za pomocą kilku różnych elementów, tylko jeden wariant musi spełniać ten wymóg.
  • Nie musimy zachowywać tego kryterium, gdy jako autorzy serwisu nie mamy wpływu na kształt i wielkość komponentów i nie możemy swobodnie zmienić ich wielkości w CMS lub odpowiednio modyfikując arkusz stylów CSS.
  • Mniejszy rozmiar przycisku lub linku jest niezbędny do poprawnego działania określonego procesu lub kroku w procesie.