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>aria-current="page"

ଅଧିକ ସୂଚନା ପାଇଁ, ବ୍ରେଡ୍ କ୍ରମ୍ pattern ାଞ୍ଚା ପାଇଁ WAI-ARIA ପ୍ରାଧିକରଣ ଅଭ୍ୟାସ ଦେଖନ୍ତୁ |