資格暗記無料で始める

レスポンシブWebデザインとアクセシビリティとは?

レスポンシブWebデザインとアクセシビリティとは、レスポンシブWebデザインは、閲覧する端末の画面サイズに応じてレイアウトを自動的に最適化するWeb設計手法。アクセシビリティは、高齢者や障害を持つ人を含む、より多くの人が支障なく情報やサービスを利用できるように配慮する設計の考え方(音声読み上げへの対応、十分な文字サイズ・コントラストの確保など)。

れすぽんしぶうぇぶでざいんとあくせしびりてぃ

高度試験・午前I(全区分共通)の頻出用語/午前I(全区分共通)


レスポンシブWebデザインとアクセシビリティの意味

レスポンシブWebデザインは、閲覧する端末の画面サイズに応じてレイアウトを自動的に最適化するWeb設計手法。アクセシビリティは、高齢者や障害を持つ人を含む、より多くの人が支障なく情報やサービスを利用できるように配慮する設計の考え方(音声読み上げへの対応、十分な文字サイズ・コントラストの確保など)。

レスポンシブWebデザインとアクセシビリティの具体例

同じWebページがパソコンでは横並びのレイアウトで、スマートフォンでは縦一列のレイアウトで表示されるのはレスポンシブデザインの例。画像に代替テキストを付けてスクリーンリーダーが読み上げられるようにするのはアクセシビリティ対応の例。

レスポンシブWebデザインとアクセシビリティは試験でどう引っ掛けられる?

アクセシビリティ(そもそも利用できるか)とユーザビリティ(使いやすいか)は別の概念で、対象も違う。アクセシビリティは高齢者・障害のある人を含む誰もが使えることを指し、特定の利用者に限った話ではない。また「色を変えて注意を示す」だけの表現は色覚特性のある人に伝わらないため、色以外の手がかり(文字・形)を併用する必要がある——色使いを工夫すれば足りる、は誤り。レスポンシブWebデザインは1つのHTMLを画面幅で出し分ける手法で、端末ごとに別のURL・別ページを用意する方式とは違う。

レスポンシブWebデザインとアクセシビリティと関連する用語

最終更新:2026-08-25/解説は資格暗記が独自に作成しています。 過去問の出典は各問題に記載のとおりです。