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 ഓതറിംഗ് പ്രാക്ടീസുകൾ കാണുക .