Хлебные крошки

[TatianaFokina]

Тема

Как сделать классные и доступные хлебные крошки на сайте.

У рецептов в Доке особая структура. В подразделе «Задача» описываем, что надо сверстать, в «Готовое решение» — добавляем финальный код и демку, в «Разбор решения» подробно рассказываем про решение.

Можете заглянуть в рецепт «Разноцветный текст» для вдохновения.

Зачем

Хлебные крошки часто используют на сайтах в рамках навигации по нескольким страницам.

Ссылки для старта

• https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/
• https://web.dev/articles/building/a-breadcrumbs-component/
• https://doka.guide/a11y/aria-current/
• https://doka.guide/a11y/aria-label/
• https://doka.guide/a11y/aria-labelledby/

Полезные ссылки по тексту и демкам в Доке

• Руководство по стилю.
• Демки.
• Про стиль демок.
• Подпись автора.

[mnik01]

Как референс можно взять статью https://web.dev/articles/building/a-breadcrumbs-component