Website Usability Info

ところでこのパンくずリスト、階層関係の表示において、不等号を使うのが一般的ですが、スクリーンリーダーや音声ブラウザといっ支援技術を使って読み上げると、「ホーム、だいなり、いぬ、だいなり、ミニチュアダックスフンド」のようになってしまい、視覚からのインプットが無い場合、意味がスムーズに伝わらない恐れがあります。もっとも、大半のパンくずリストがテキストによる不等号表記（あるいはHTMLエンティティによる記述「>」）で表現されている現状を考えると、恐らく視覚障碍を持つスクリーンリーダーユーザーの多くは理解してと歩み寄ってくれているんだろうなと推測しますが、少しでも改善できないものでしょうか。

というわけで、特に目新しい手法ではありませんが、今回、下記のような対策を施してみました。

当サイトでの細かな工夫点ですが、ホームと第二階層との間は「の中の」で結ぶのは文脈的に不自然なので「の下の」で結び、第三階層がある場合（コラム記事のページ）は、第二階層（カテゴリー）と第三階層（コラム記事のタイトル）との間を「の中にある」で結んでいます。

また、パンくずリストの前後に「現在位置は」と「です。」というテキストを埋め込み、パンくずリスト部分の読み上げがひとつの自然な文（センテンス）になるようにしています（もちろん、これらのテキストは、晴眼者ユーザーにとっては不要なため、CSSを使ってブラウザ画面上に表示されないようにしています）。

これらの工夫を総合すると、たとえばこのページのパンくずリストは、次のように読み上げられます。

ちょっと丁寧すぎ（冗長）でしょうか？でも簡単な工夫で視覚障碍者にとってのユーザビリティが向上するようにも思われますので、敢えて試してみた次第です。スクリーンリーダーをお使いの方からのフィードバックなどもいただけると嬉しいです。