content
content copied to clipboard
doka-guide
Хлебные крошки
Тема
Как сделать классные и доступные хлебные крошки на сайте.
У рецептов в Доке особая структура. В подразделе «Задача» описываем, что надо сверстать, в «Готовое решение» — добавляем финальный код и демку, в «Разбор решения» подробно рассказываем про решение.
Можете заглянуть в рецепт «Разноцветный текст» для вдохновения.
Зачем
Хлебные крошки часто используют на сайтах в рамках навигации по нескольким страницам.
Ссылки для старта
- 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/
Полезные ссылки по тексту и демкам в Доке
Как референс можно взять статью https://web.dev/articles/building/a-breadcrumbs-component
