下層ページ(作品詳細)の最上部に置く想定。現在地は色だけでなく「太さ・下線・塗り」でも差をつけ、色覚に依存しないようにしています。
ドット区切り+現在地にブルー下線。文字は Oswald の大文字・トラッキング広め。迷ったらこれ。
左ナビのナンバリングを引き継ぐ。現在地はブルーの四角チップで終端。サイト内で最も統一感が出る。
斜めの細スラッシュで区切り、現在地に細いブルー下線。装飾を最小にして文字の美しさで見せたい人向け。
ダーク帯なので作品の大判画像に重なっても読める。前回話した「作品名だけ細バーで追従」に使える形。
左のブルー縦ラインはヒーロー右端のラインに、現在地末尾の「.」はロゴ/大タイトルの句点装飾に呼応。ブランド記号を最も強く継承する案。
実装メモ — 全案 <nav aria-label>+<ol>/<li>+現在地に aria-current="page"。区切り記号は CSS ::before で描画(DOMに文字を持たせないので読み上げが汚れない)。フォントは Oswald(未読込時は Arial Narrow にフォールバック)。
色の注意 — ブルーは「区切り・アクセント」に限定し、本文リンクの文字色には使わない(薄灰地×濃青はコントラストが 4.5:1 ぎりぎり)。文字は濃インク×コンクリート地で 8:1 前後を確保。