レスポンシブWebデザインとアクセシビリティとは？れすぽんしぶうぇぶでざいんとあくせしびりてぃ
レスポンシブWebデザインは、1つのHTMLを画面幅に応じて並べ替え、端末ごとに別ページを用意せずに表示を最適化する手法。アクセシビリティは、高齢者や障害のある人を含めて誰もが情報とサービスを利用できるようにする配慮を指し、代替テキストや十分なコントラスト、キーボード操作への対応が具体策になる。
最終更新：2026-10-06
ITサービスマネージャを最短で暗記・合格する →背景
端末ごとにページを分けると、更新のたびに同じ内容を複数箇所へ反映することになり、片方だけ古いという事故が起きる。1つのページで出し分ければ、運用で保守する対象が1つに戻る。アクセシビリティのほうは、対応しないと使えない人が出るという性質のもので、公的機関や大企業では調達要件や法令上の努力義務として実際に求められる。
具体例
同じページがパソコンでは横3列、スマートフォンでは縦1列に並ぶのがレスポンシブの例。アクセシビリティでは、障害情報ページの画像に代替テキストを付けてスクリーンリーダーで読めるようにする、障害の重大度を赤色だけでなく「重大」という文字でも示す、といった対応が該当する。運用の障害告知ページこそ、最も幅広い利用者が緊急時に見る画面になる。
試験での引っ掛け
アクセシビリティとユーザビリティは別の概念で、前者は「そもそも利用できるか」、後者は「使いやすいか」を問う。また色を変えて注意を示すだけでは色覚特性のある人に伝わらないため、文字や形を併用する必要があり、「配色を工夫すれば足りる」は誤り。レスポンシブは1つのHTMLを幅で出し分ける手法であって、スマートフォン用に別URLを用意する方式はこれに当たらない。
関連用語
出典・参考
解説は資格暗記が独自に作成しています。過去問の出典は各問題に記載のとおりです。