Source

نان وردکراو

شوێنی لاپەڕەی ئێستا لە ناو پلەبەندییەکی گەشتکردندا نیشان بدە کە بە شێوەیەکی ئۆتۆماتیکی جیاکەرەوەکان لە ڕێگەی CSS زیاد دەکات.

تێڕوانینێکی گشتی

جیاکەرەوەکان بە شێوەیەکی ئۆتۆماتیکی لە CSS لە ڕێگەی ::beforeو content.

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item active" aria-current="page">Home</li>
  </ol>
</nav>

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">Library</li>
  </ol>
</nav>

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">Library</a></li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
</nav>

دەستڕاگەیشتن

بەو پێیەی نانە وردکراوەکان گەشتێک دابین دەکەن، بیرۆکەیەکی باشە کە ناوێکی مانادار زیاد بکەیت وەک aria-label="breadcrumb"وەسفکردنی جۆری گەشتکردن کە لە <nav>توخمەکەدا دابین کراوە، هەروەها بەکارهێنانی an aria-current="page"بۆ دوا بابەتی کۆمەڵەکە بۆ ئەوەی ئاماژە بەوە بکات کە نوێنەرایەتی لاپەڕەی ئێستا دەکات.

بۆ زانیاری زیاتر، سەیری شێوازەکانی نووسینی WAI-ARIA بکە بۆ نەخشی نانە وردکراوەکان .