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"यसले हालको पृष्ठलाई प्रतिनिधित्व गर्छ भनी संकेत गर्न सेटको अन्तिम वस्तुमा लागू गर्ने जस्ता अर्थपूर्ण लेबल थप्नु राम्रो विचार हो।

थप जानकारीको लागि, ब्रेडक्रम्ब ढाँचाको लागि WAI-ARIA लेखक अभ्यासहरू हेर्नुहोस् ।