システム監査技術者 2013年午前2 問22

問題文

Webコンテンツの作成に当たって、アクセシビリティを確保する観点から考慮すべきことはどれか。

🖊️ 解答を隠して解いてみる

ア：キーボードだけでも操作できるように、TabキーとEnterキーでリンクを選択できるようにする。（正解）

イ：どこに入力するかを分かりやすくするために、項目名の直後に入力欄を配置し、“(半角)”などの入力方法は入力欄の後ろに配置する。

ウ：文字位置をそろえるために、単語の途中に空白を入れて調整する。

エ：利用者がどこを誤ったか分かるように、入力エラーがあった項目名を赤色の文字に変更した入力画面を再表示する。

🔒 解説は解答すると表示されます

キーボードだけでWebページを操作できることは、アクセシビリティを確保するうえで重要です。マウスを使えない人や、キーボードでの操作を好む人も、リンクなどの機能を利用できる必要があります。

アのように、Tabキーでリンクへ移動し、Enterキーで選択できるようにすることは、キーボード操作への対応です。

ア：キーボードだけでリンクを選択できるようにするため、適切です。キーボード操作では、現在どこにフォーカスがあるかを視覚的にも分かるようにすることが大切です。
イ：入力方法の説明は、入力欄の後ろに置くのではなく、入力欄と関連付けて分かりやすく提示する必要があります。入力欄には、項目名や入力方法が適切に結び付いていることが重要です。
ウ：単語の途中に空白を入れると、読み上げソフトが不自然に読み上げたり、文字列検索や画面表示に支障が出たりする可能性があります。文字位置は、レイアウト機能などで調整します。
エ：誤りの項目を赤色だけで示すと、色を識別しにくい利用者には伝わらないことがあります。エラー内容を文字でも示し、該当する入力欄と関連付ける必要があります。

Webアクセシビリティでは、キーボード操作への対応のほか、画像に内容を説明する代替テキストを付けることや、文字と背景のコントラストを確保することなども重要です。利用者の環境や能力にかかわらず、情報を得て操作できるように設計します。

Q. Tabキーで移動できれば、キーボード操作への配慮は十分ですか？
A. Tabキーで移動できることに加え、フォーカス位置が分かることや、Enterキーなどで機能を実行できることも大切です。

Q. エラー表示で色を使ってはいけないのですか？
A. 色を使うこと自体は問題ありません。ただし、色だけに依存せず、エラー内容を文字でも示してください。

関連キーワード: Webアクセシビリティ、キーボード操作、フォーカス、代替テキスト、入力エラー表示

\ せっかくなら /

システム監査技術者を
クイズ形式で学習しませんか？

すぐに利用可能！