ବ୍ରେଡ୍କ୍ରମ୍ |
ଏକ ନାଭିଗେସନ୍ ହାଇରାର୍କି ମଧ୍ୟରେ ସାମ୍ପ୍ରତିକ ପୃଷ୍ଠାର ଅବସ୍ଥାନ ସୂଚାନ୍ତୁ ଯାହା ସ୍ୱୟଂଚାଳିତ ଭାବରେ 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 ପ୍ରାଧିକରଣ ଅଭ୍ୟାସ ଦେଖନ୍ତୁ |