M&DMICHAEL & DiVIP STUDIO
077 206 88 88
Ukraina, Bucza, ul. Hoholia 24
24/7 · Całą dobę
← Powrót do dziennika

VIP STUDIO MICHAEL & Di · 24.10.2026

Okruszki nawigacyjne: gdzie jestem i co jest poziom wyżej?

Złota ścieżka biegnie przez trzy niebieskie łuki papierowego miasta do pomarańczowego znacznika.
Oryginalna ilustracja koncepcyjna wygenerowana przez AI, nie zdjęcie rzeczywistego studia ani klienta.

Wejście bez znajomości początku

Czytelnik może otworzyć artykuł z wiadomości, a kartę produktu z wyszukiwarki. Być może nigdy nie widział strony głównej. Niewielka ścieżka nad tytułem daje kontekst: Start → Dziennik → Artykuł. Nie służy do zapełnienia pustego wiersza, lecz do znalezienia szerszej kolekcji bez rozszyfrowywania całego menu.

Hierarchia zamiast historii

Okruszki przedstawiają strony nadrzędne, nie przypadkową kolejność wcześniejszych kliknięć. Szukaj → Kontakt → Produkt to zapis odwiedzin, a nie sensowne miejsce w strukturze. Przeglądarka ma już przycisk Wstecz. Najpierw ustalmy strukturę witryny. Gdy treść pasuje do kilku kolekcji, wybierzmy jasną ścieżkę główną, a pozostałe powiązania pokażmy osobno.

Każdy poziom musi prowadzić dokądś

Nie dodawajmy pustej kategorii tylko po to, by wydłużyć ścieżkę. Etykieta nadrzędnego działu powinna odpowiadać treści jego strony. Bieżąca strona może być zwykłym tekstem: ponowne otwarcie tego samego adresu rzadko pomaga. Także tutaj liczą się opisowe nazwy odnośników. Precyzyjne słowo jest lepsze niż pomysłowa, lecz niejasna nazwa.

Dostępność bez dodatkowego szumu

W3C opisuje okruszki jako obszar nawigacji z dostępną nazwą. Jeśli aktualny element jest linkiem, otrzymuje aria-current="page"; przy zwykłym tekście atrybut jest opcjonalny. Separatory nie powinny tworzyć dodatkowych przystanków klawiatury. Sprawdźmy widoczny fokus, kolejność odczytu i możliwość odróżnienia tej nawigacji od menu głównego.

Mały ekran nie oznacza drobnego druku

Zmniejszanie wszystkich nazw do nieczytelnej wielkości nie jest rozwiązaniem. Lepiej dopuścić uporządkowane zawijanie lub zaprojektować zwarty dostęp do działu nadrzędnego. Nie chowajmy całego kontekstu pod wielokropkiem bez zrozumiałej obsługi. Testujmy długie tytuły, powiększony tekst i wszystkie tłumaczenia. Makieta z trzema krótkimi słowami nie sprawdza prawdziwych granic komponentu.

Dane strukturalne to tylko część zadania

BreadcrumbList może opisać hierarchię dla wyszukiwarki, ale nie gwarantuje szczególnego wyglądu wyników ani pozycji. Dane muszą odpowiadać istniejącym stronom i rzeczywistej ścieżce. Przed publikacją otwórzmy głęboki adres bezpośrednio, sprawdźmy każdy link nadrzędny oraz niezamierzone zmiany języka. Dobre okruszki spokojnie wyjaśniają, gdzie jesteśmy i co można zobaczyć poziom wyżej.

Źródła

Czytaj dalej

Formularze, które rozumieją wprowadzane dane