検索もサイトマップもない、メニューだけのサイト

ある生活雑貨のショップは300ほどの商品を扱い、メニューのShopの下に、Kitchen、Table、Bath、Bedroomと分けています。それぞれを開くと、さらにカテゴリーが並びます。リネンのナプキンを探す人は、リネンのティータオルがあるKitchenを開き、次にリネンのシーツがあるBedroomを開きます。ナプキンはTableのLinenにあります。ヘッダーに検索欄はなく、フッターにはDelivery、Returns、Contact usはあってもサイトマップはありません。トップページにはいくつかのおすすめ商品が出ていますが、ナプキンはありません。ナプキンにも、ほかのすべての商品、カテゴリー、お手入れガイド、規定のページにも、行く方法はメニューしかありません。

レベルAAの達成基準2.4.5「複数の手段」は、一連のページの中で、あるページを見つける方法が複数あることを求めています。W3Cの十分な達成方法は、その方法を挙げていて、サイトにはそのうち2つ以上が必要です。関連するページへのリンク、目次、サイトマップ、サイト内検索、全ページへのリンクの一覧、ごく小さなサイトではトップページから全ページへのリンクです。この例では、どのページも行き方がメニューの1つだけなので、すべてのページが満たしていません。トップページのおすすめ商品は、その数点への2つ目の行き方にはなりますが、残りの商品にはなりません。

この基準には例外が1つあります。購入手続きの配送の段階や注文完了のページのように、手順の途中や結果のページには、2つ目の行き方は要りません。商品、カテゴリー、ヘルプのページは手順の途中ではなく、どこからでも来られます。

メニューは誰か一人の分け方で、同じように分ける人にしか役立ちません。ごく小さなサイトなら求められることは少なく、トップページから3、4ページすべてにリンクしていれば、トップページとの間のリンクで足りることがあるとW3Cは述べています。

10グループ中4グループに影響

• 全盲 （影響あり）
• 弱視 （影響あり）
• 色覚 （影響なし）
• ろう （影響なし）
• 難聴 （影響なし）
• 発話 （影響なし）
• 手の操作 （影響あり）
• 届く範囲・力 （影響なし）
• 認知 （影響あり）
• 光過敏 （影響なし）

• 言語・認知・学習の能力が限られる メニューでナプキンを探すには、ショップがそれをKitchenやBedroomではなくTableに分類したと推測しなければなりません。分類を予想しにくい人や、前にどこで見つけたか覚えていない人は、メニューを何度も回ります。検索欄なら、自分の言葉で探せます。
• 視覚を使わない スクリーンリーダーは、大きなメニューを1項目ずつ読み、カテゴリーを開くたびに別の一覧が始まります。検索するか、サイトマップの見出しへ移動するほうが、すべての枝を聞き通すよりずっと速いことがよくあります。
• 視覚が限られる 画面拡大ソフトでは、ページの一部しか一度に見えないため、カテゴリーを次々に開き、それぞれの一覧を少しずつ見て探すことになります。検索欄や、ふつうのページであるサイトマップのほうが、高い倍率でも追いやすくなります。
• 手の操作が限られる メニューの階層が深いほど押す回数が増え、手の震えがある人には慎重な操作が続きます。推測を外すたびに戻って別のカテゴリーを開くことになります。検索の言葉なら、より少ない操作でページに着けます。

この問題は「ないこと」で、どのページにも写りません。どのページにも動くメニューがあるため、axeなど1ページずつ調べるツールは何も見つけず、2.4.5を扱うルールもありません。EaseWebの診断は1回の実行で調べたページを横断して見て、どのページにもサイト内検索もサイトマップへのリンクもない場合、指摘ではなく、確認が必要な項目として挙げます。2つ目の行き方は、関連するページどうしのリンク、全ページの一覧、実行で開かなかった検索かもしれず、それがすべてのページに届いているかは人にしか判断できないからです。検索が実際に人の使う言葉で見つけられるかも、人が試す必要があります。AIのコードアシスタントに「ナビゲーションを改善して」と頼むと、メニューの階層を増やすことがありますが、それでも行き方は1つのままです。