2026年11月10日掲載
秘書：前回は、マウスカーソルを置いたときに表示されるコンテンツへの配慮について学びましたね。
見習い君は、今日もパソコン用のサイト作成に取り組んでいるのですが、別の見落としに気づかないようです。
- ウェブアクセシビリティ職人「見習い君」と「師匠」がアクセシビリティな世界を目指す
- このストーリーは、新人ウェブアクセシビリティ職人「見習い君」とベテラン職人「師匠」、解説を担当する「秘書」を通して特に障がい者をはじめ身体的な制約がある人たちがウェブ利用時にどのような障壁にぶつかり、どのような工夫をして克服しているかなど「ウェブアクセシビリティ」の実例をはじめ「ウェブアクセシビリティ」と共に重要な「社会的アクセシビリティ」についても紹介していきます。
それもアクセシビリティ？位置や色だけで伝える問題点とは？
師匠：見習い君、今日もパソコン用のサイト作りに励んでおるのじゃな。
見習い君：はい！今日もパソコン用のサイトを作っていました。
師匠：熱心じゃのう。今回はアクセシビリティの見落としがないか、一緒に確認してみようかの。
見習い君：ありがとうございます！ちょうど、出来ました！見てください！今回は問題なく作れていますよね？
師匠：どれどれ……。ほう、なかなかよく出来ておるのぅ。じゃが、一つ見落としている点があるようじゃな。
見習い君：えっ、見落としている点があったのですか……。どこだろう？
師匠：うむ。まず、「右側のボタンを押してください」を、声を出して読んでみて、思うところはないかのぅ？
見習い君：えっと…、「右側のボタンを押してください」。
あ！「右側」と言われても、どのボタンのことか分からない利用者がいるということですか？
師匠：そのとおりじゃ。「右側」のような位置のほかにも、似たような例は思いつくかのぅ。
見習い君：そうですね…。
・「四角いボタンをクリックしてください」といった「形」
・「ピッという音が鳴ったら次へ進んでください」といった「音」
も対象ですよね。
師匠：そのとおりじゃ。「右側のボタン」「四角いボタン」など、感覚的な情報だけでは対象を特定できない利用者もいるのじゃ。
今回の達成基準でいうと、「1.3.3 感覚による特性」なのじゃ。
ポイントとしては、
- ・位置（右・左・上・下）だけで指示していないか
- ・形（丸・四角・矢印）だけで説明していないか
- ・音だけで利用手順を説明していないか
であるのじゃ。
見習い君：なるほど！正しい方法としてはこの通りで良いですよね。
師匠：そのとおりじゃ。これなら分かりやすく伝わるのじゃ。
見習い君：ありがとうございます！ん…？待ってください！
「色」も感覚的な情報ですよね？色の場合はどうなるんですか？
師匠：色については、前に学んだ「1.4.1 色の用途」ウェブページの情報を色で伝える時のポイント‐第10回‐で扱うのじゃ。
見習い君：理解できました！
サイトに、感覚的な情報だけで説明している箇所がないか確認してきます。
師匠：うむ。サイトの見直しは大切じゃな。
秘書：今回、見習い君は、位置・形・音だけではなく、名称やテキスト情報も併せて伝えることが大切ということに気づくことができましたね。誰もが同じ情報を理解できるよう、伝え方を工夫することが重要ということですね。自分のサイトでも、見直してみてください。
詳しくは、以下の参考情報をご覧ください。
