رفتن به محتوا
HarmoniQHarmoniQزبان طراحی هارمونیک

مسیر صفحه

وضعیت: پیش‌نویس 
<nav aria-label="مسیر صفحه">
  <ol class="hq-breadcrumb">
    <li><a class="hq-link" href="#">خانه</a><span class="hq-breadcrumb__sep" aria-hidden="true"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M10 16 20 6 21.4 7.4 12.8 16 21.4 24.6 20 26z"/></svg></span></li>
    <li><a class="hq-link" href="#">کامپوننت‌ها</a><span class="hq-breadcrumb__sep" aria-hidden="true"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M10 16 20 6 21.4 7.4 12.8 16 21.4 24.6 20 26z"/></svg></span></li>
    <li><span aria-current="page">مسیر صفحه</span></li>
  </ol>
</nav>

چه وقت استفاده کنیم

Section titled “چه وقت استفاده کنیم”
  • در سایت یا مستنداتی که چند سطح تو‌در‌تو دارد، بالای عنوان صفحه.
  • وقتی کاربر ممکن است مستقیم از جست‌وجو یا لینک به صفحه‌ای عمیق برسد.

چه وقت استفاده نکنیم

Section titled “چه وقت استفاده نکنیم”
  • در ساختار تخت با یک یا دو سطح.
  • به‌جای ناوبری اصلی؛ مسیر صفحه مکمل است.

قواعد

Section titled “قواعد”
  • مسیر از ریشه به صفحهٔ فعلی می‌رود و در چیدمان راست‌به‌چپ از راست شروع می‌شود.
  • جداکننده به چپ اشاره می‌کند، چون جهت خواندن به چپ است.
  • صفحهٔ فعلی آخر می‌آید، پیوند نیست و aria-current="page" دارد.
  • اگر مسیر طولانی است، میانهٔ آن را با «…» کوتاه کنید و اول و آخر را نگه دارید.
انجام بدهصفحهٔ فعلی آخر و بدون پیوند.
انجام ندهصفحهٔ فعلی هم پیوند باشد؛ کاربر را به همان صفحه برمی‌گرداند.