ユーザーインタフェース技術(全16問中10問目)

視覚障害者に対してWebコンテンツの情報アクセシビリティを向上させるための配慮のうち,適切な例はどれか。

出典:平成24年秋期 問23

  • 写真やイラストを多く取り入れたので,それらに対する代替テキストを付けなかった。
  • 多数の項目を列挙する際に,リスト形式の代わりに,表形式を使用した。
  • 文書のレイアウトが複雑であり,正しい読上げ順になるようにHTMLで記述するのが難しかったので,タグ付きPDFを使用した。
  • 見出しの表現には,見出し要素(例 H1~H6)を用いず,フォントの相対サイズ(例 font-size:200%)を用いて大きい文字にした。
正解 問題へ
分野:テクノロジ系
中分類:ユーザーインタフェース
小分類:ユーザーインタフェース技術
解説
Webアクセシビリティとは、「年齢や身体的制約・利用環境などにかかわらず、Webサイトにアクセスできサイト内を利用できるかどうか、またはその度合い」のことをいいます。
具体的には、
  • 文字色と背景色のコントラストを十分に確保する
  • 音声読み上げブラウザに配慮した表記
  • 画像には代替テキスト(alt属性)を加える
  • キーボード操作への配慮
などの項目に考慮したWebサイト設計を行うことでアクセシビリティの向上につながります。

視覚に障害のある方がインターネットを利用する際にはスクリーンリーダーや音声ブラウザを導入し利用することになるので、このことに配慮したWebページとなっているかがポイントとなります。
  • 画像に対する代替テキストがあれば、音声ブラウザがその文字列を読み上げることで画像の内容を把握できるようになるので、アクセシビリティ向上のためには設定すべきです。HTMLで画像を表示するには"img"タグを使用しますが、その中に代替テキストを指定するalt属性を含めることが必須とされています。
  • 一昔前には初心者でもレイアウトしやすく一般的であった表形式でのレイアウト("table"タグをレイアウトのために使う方法)は、音声ブラウザが本来のコンテンツの順番とは異なる順序で読み上げることになってしまうので、アクセシビリティ上は推奨されません。
  • 正しい。通常WebページをPDFで構成することは「閲覧ソフトが必要」「ファイル容量が大きい」「セキュリティ上安全とは言えない」等のユーザビリティ上の問題があるので避けるべきです。しかしこの問題では「文書のレイアウトが複雑であり,正しい読上げ順になるようにHTMLで記述するのが難しい」という背景がありますので、Webページよりもタグ付きPDFを使用することが視覚に障害のある方にとってのアクセシビリティ向上につながると言えます。
  • 視覚に障害のある方(全盲である場合など)には文字の大きさがわかりませんので、単にフォントサイズを大きくするのではなく、見出し要素(例 H1~H6)や段落("p"タグ)を用いて音声ブラウザに文書構造を伝わるように適切なHTMLマークアップを行うことが求められます。適切にマークアップされたWebページにアクセスしたユーザーは、音声ブラウザがもつ見出しだけやリストだけを読み上げる機能を使って 効率よく情報をたどることが可能になります。
    このような理由から見出しを用いずにフォントサイズだけで見出しを表現することがアクセシビリティ向上になっているとは言えません。
タグ付きPDF
一般的なPDFでは中に入っている読み上げ対象の文字列が、読み上げたい順序で入っていないことがあります。タグ付きPDFは、PDF内の文書をタグを用いて構造化し、正しい順序で読み上げられるようにしたものです。
タグ付きPDFの機能は、普通は、アクセシビリティの要求項目と考えられています。

Pagetop