Accessibility
Guidelines

2.4.8 現在位置を確認できる

適合レベル

AAA

※各レベルについては適合レベルとはをご覧ください

概要

ユーザーはウェブページを回遊してると、自分がどこにいるかわからなくなることがある。しかし、現在位置がわかれば、ユーザーは見つけたい情報をストレスなくアクセスできるようになる。

具体例

  • パンくずリストの提供
  • サイトマップへのリンクを用意する
  • ナビゲーションバー内で現在位置を示す

良い例

ナビゲーション内で、以下の条件を満たしている。

  • 現在位置が示されている
  • 下線や形を変化させるなど、色だけで説明していない
  • ホーム、ニュース、特集の文字色が黒色で表示されているナビゲーション。現在位置であるランキングには文字色が緑色で表示されている。
    Bad ナビゲーション内で現在位置を示しているが、現在位置とそれ以外の項目を、色のみで説明している。この色の区別がつかないユーザーにはどれが現在位置かわからない。
  • ホーム、ニュース、特集の文字色が黒色で表示されているナビゲーション。ランキングには下線と吹き出しのようなデザインを用いて現在地であることを表現している。
    Good ナビゲーション内で、現在位置とそれ以外の項目を、色だけでなく下線と形を用いて説明している。

テスト・チェック方法

以下の方法を用いて「現在位置」を確認する。

  • 視覚的な確認
  • スクリーンリーダーで現在位置を確認(ここではVoiceOverを例としています)
    • VoiceOverで「現在のページ、ページ名」と読み上げられる
    • 読み上げられた内容と表示されているコンテンツが一致している

参考文献