Spójna identyfikacja
Komponenty pełniące tę samą funkcję w całym serwisie muszą być identyfikowane spójnie — ta sama etykieta, ta sama ikona, ta sama dostępna nazwa. Dwa przyciski wykonujące to samo działanie nie powinny być nazwane „Szukaj" na jednej stronie i „Znajdź" na innej.
Czego wymaga
Gdy dwa elementy interfejsu użytkownika pełnią tę samą funkcję w obrębie serwisu, muszą być identyfikowane spójnie. Oznacza to tę samą dostępną nazwę (etykieta, aria-label, tekst alternatywny), tę samą ikonę i dopasowane style wizualne — dzięki czemu użytkownik może rozpoznać: „to ta sama czynność, którą wykonałem dwie strony wcześniej”.
Reguła dotyczy oznaczania, nie stylowania. Przycisk „Wyślij” może wyglądać inaczej w różnych kontekstach, ale jego dostępna nazwa nie powinna zamieniać się w „Prześlij” w innym miejscu, gdy działanie pozostaje to samo.
Jak spełnić kryterium
- Utrzymuj niewielki słownik czasowników akcji („Zapisz”, „Anuluj”, „Usuń”, „Szukaj”) i stosuj go jednolicie w całym serwisie.
- Używaj tej samej ikony do tej samej akcji wszędzie — jeden symbol wyszukiwania, nie trzy różne.
- Gdy ikona reprezentuje akcję, nadawaj jej tę samą dostępną nazwę na każdej stronie.
- Korzystaj z komponentów systemu projektowania (
<Button label="Zapisz">) zamiast ręcznie kodować etykiety na każdej stronie. - Przeprowadzaj audyt serwisu pod kątem synonimów: „Wyślij” vs. „Prześlij”, „Szukaj” vs. „Znajdź”, „Zaloguj się” vs. „Wejdź”, „Zarejestruj się” vs. „Utwórz konto”.
Typowe błędy
- Dwie ikony reprezentujące tę samą akcję z dwiema różnymi dostępnymi nazwami („Edytuj” na jednym ekranie, „Zmień” na innym).
- Pole wyszukiwania oznaczone „Szukaj” w nagłówku i „Znajdź treść” na pasku bocznym.
- Przycisk „Usuń” w widoku listy i przycisk „Odsuń” w widoku szczegółów — to samo działanie, inne słowo.
- Niespójne teksty CTA: „Kup teraz” na stronie produktu i „Dodaj do koszyka” na stronie katalogu — dla funkcjonalnie identycznej akcji.
Dlaczego to jest ważne
Użytkownicy czytników ekranu nawigują, przeglądając listę łączy lub przycisków. Jeśli ta sama akcja jest oznaczona inaczej na różnych stronach serwisu, nie mogą rozpoznać wzorca — muszą czytać każdą etykietę od nowa i zastanawiać się, czy to „Wyślij” jest tym samym co tamto „Prześlij”. Dla użytkowników z niepełnosprawnościami poznawczymi spójna identyfikacja jest jednym z największych ułatwień w zrozumieniu treści.
To kryterium spełnia się, traktując teksty UI i ikony jako pierwszorzędne tokeny projektowe, a nie treść, o której każdy autor decyduje samodzielnie.