st-Breadcrumb

ベーシックなパンくずリストです。navと<ol>タグで指定します。

• navタグにはaria-label="現在位置"のようなラベルを指定します。
• 表示中のページと同じ項目にはaria-current="page"を指定します。

.l-Wrapper
  nav.st-Breadcrumb(aria-label="現在位置")
    ol.st-Breadcrumb_List
      li.st-Breadcrumb_Item
        a.st-Breadcrumb_Link(href="/") ホーム
      li.st-Breadcrumb_Item
        a.st-Breadcrumb_Link(href="#") カテゴリ名
      li.st-Breadcrumb_Item
        a.st-Breadcrumb_Link(href="/styleguide/category/Navigation/index.html" aria-current="page") ページ名

st-Footer

st-Header