Funkcjonalność · Poziom AA

2.4.5 Wiele sposobów

Do tej samej strony powinno dać się dotrzeć więcej niż jedną drogą.

Krótko

Użytkownik nie powinien być skazany na jedną ścieżkę nawigacji. Stronę można udostępnić na przykład przez menu, wyszukiwarkę, mapę strony, listę kategorii albo linki powiązane.

Problem w praktyce

W serwisie jest ważna strona „Deklaracja dostępności”, ale można do niej dojść tylko przez trzy poziomy menu. Jeśli użytkownik nie rozumie struktury menu, nie znajdzie strony.

2.4.5 nie ocenia samej kolejności menu ani tego, czy menu jest wygodne. Chodzi o to, czy istnieje co najmniej druga droga dotarcia do strony w zestawie stron.

Kogo to dotyczy

  • Osób, które gubią się w rozbudowanej strukturze menu.
  • Użytkowników czytników ekranu, którzy wolą wyszukiwarkę albo mapę strony.
  • Osób z trudnościami poznawczymi, które szukają treści inną logiką niż autor serwisu.
  • Użytkowników mobilnych, dla których wielopoziomowe menu bywa mniej wygodne.
  • Osób, które znają nazwę dokumentu, ale nie wiedzą, w której sekcji go szukać.

Dobry przykład

  • Strona szkolenia jest dostępna z menu i z listy wszystkich szkoleń.
  • Artykuł w bazie wiedzy można znaleźć przez kategorię oraz wyszukiwarkę.
  • Deklaracja dostępności jest w menu stopki i w mapie strony.
  • Dokumenty do pobrania są dostępne z profilu użytkownika i z listy dokumentów.
  • W serwisie istnieje mapa strony albo indeks treści.

Zły przykład

  • Stronę można znaleźć tylko przez jeden głęboki link w menu.
  • Wyszukiwarka nie indeksuje ważnych stron.
  • Mapa strony istnieje, ale nie zawiera aktualnych podstron.
  • Strony z dokumentami są dostępne tylko po przejściu konkretnego procesu.
  • Linki powiązane prowadzą tylko do treści marketingowych, a nie do realnie potrzebnych stron.

Przykłady kodu

Menu i lista kategorii

Ta sama strona jest dostępna przez menu oraz przez listę materiałów.

Kod — HTML

<nav aria-label="Menu główne">
  <a href="/baza-wiedzy">Baza wiedzy</a>
</nav>

<section>
  <h2>Popularne materiały</h2>
  <ul>
    <li>
      <a href="/baza-wiedzy/deklaracja-dostepnosci">
        Jak przygotować deklarację dostępności
      </a>
    </li>
  </ul>
</section>

Mapa strony

Mapa strony daje alternatywną drogę do ważnych podstron.

Kod — HTML

<nav aria-label="Mapa strony">
  <h2>Mapa strony</h2>
  <ul>
    <li><a href="/szkolenia">Szkolenia</a></li>
    <li><a href="/audyty">Audyty</a></li>
    <li><a href="/deklaracja">Deklaracja dostępności</a></li>
  </ul>
</nav>

Przykład graficzny

Źle

  1. Menu główne
  2. Podmenu
  3. Podstrona

Jest tylko jedna droga. Jeśli użytkownik jej nie zna, strona jest trudna do znalezienia.

Dobrze

  1. Menu
  2. Wyszukiwarka
  3. Mapa strony
  4. Linki powiązane

Użytkownik może wybrać drogę, która jest dla niego najprostsza.

Statyczne demo pokazuje, że wiele sposobów dotarcia do strony zmniejsza zależność od jednej struktury menu.

Jak sprawdzić

  1. Wybierz kilka ważnych podstron serwisu.
  2. Sprawdź, czy do każdej da się dojść co najmniej dwiema drogami.
  3. Uwzględnij menu, wyszukiwarkę, mapę strony, listę kategorii, linki w treści i stopkę.
  4. Sprawdź, czy wyszukiwarka znajduje stronę po realnych słowach użytkownika.
  5. Nie licz linku zewnętrznego jako jedynej alternatywnej drogi w serwisie.

Co sprawdzi automat, a czego nie

Automat może wykryć

  • obecność mapy strony lub wyszukiwarki,
  • część linków wewnętrznych prowadzących do tej samej strony,
  • brak linków do ważnych podstron w prostych crawlach.

Automat nie oceni pewnie

  • czy dwie drogi są realnie użyteczne,
  • czy wyszukiwarka zwraca sensowne wyniki,
  • czy dana strona jest częścią procesu, która może mieć wyjątek,
  • czy użytkownik znajdzie stronę przy typowym zadaniu.

Typowe błędy

  • Jedna jedyna ścieżka przez menu.
  • Mapa strony nieaktualna od kilku wersji serwisu.
  • Wyszukiwarka, która nie indeksuje dokumentów i podstron pomocy.
  • Brak linków powiązanych w artykułach i panelach użytkownika.
  • Uznanie breadcrumbs za drugą drogę, choć użytkownik musi najpierw znać stronę docelową.