レスポンシブWebデザインとアクセシビリティとは？れすぽんしぶうぇぶでざいんとあくせしびりてぃ
レスポンシブWebデザインは、閲覧する端末の画面サイズに応じてレイアウトを自動的に最適化するWeb設計手法。アクセシビリティは、高齢者や障害を持つ人を含む、より多くの人が支障なく情報やサービスを利用できるように配慮する設計の考え方（音声読み上げへの対応、十分な文字サイズ・コントラストの確保など）。
最終更新：2026-10-06
応用情報を最短で暗記・合格する →具体例
同じWebページがパソコンでは横並びのレイアウトで、スマートフォンでは縦一列のレイアウトで表示されるのはレスポンシブデザインの例。画像に代替テキストを付けてスクリーンリーダーが読み上げられるようにするのはアクセシビリティ対応の例。
試験での引っ掛け
アクセシビリティ（そもそも利用できるか）とユーザビリティ（使いやすいか）は別の概念で、対象も違う。アクセシビリティは高齢者・障害のある人を含む誰もが使えることを指し、特定の利用者に限った話ではない。また「色を変えて注意を示す」だけの表現は色覚特性のある人に伝わらないため、色以外の手がかり（文字・形）を併用する必要がある——色使いを工夫すれば足りる、は誤り。レスポンシブWebデザインは1つのHTMLを画面幅で出し分ける手法で、端末ごとに別のURL・別ページを用意する方式とは違う。
関連用語
出典・参考
解説は資格暗記が独自に作成しています。過去問の出典は各問題に記載のとおりです。