レスポンシブWebデザインとアクセシビリティとは？れすぽんしぶうぇぶでざいんとあくせしびりてぃ
レスポンシブWebデザインは、1つのHTMLを画面幅に応じてレイアウトを組み替えて表示するWeb設計手法。アクセシビリティは、高齢者や障害のある人を含む誰もが支障なく情報やサービスを使えるようにする設計の考え方で、代替テキスト、十分な文字サイズとコントラスト、キーボード操作、音声読み上げ対応などを指し、JIS X 8341-3（WCAG）が基準になる。JIS X 25010では使用性の副特性に位置づけられる。
最終更新：2026-10-06
情報処理安全確保支援士を最短で暗記・合格する →背景
端末ごとに別ページを作ると、修正が二重になり脆弱性の直し漏れも起きやすい。1つのHTMLで全端末に対応するレスポンシブ設計はその解である。アクセシビリティは、障害者差別解消法の改正で2024年から民間事業者にも合理的配慮が義務化され、公的サイトや業務システムでは要件になった。セキュリティ機能でも、画像だけのCAPTCHAや色だけで示す警告は読み上げ利用者に伝わらず、対策そのものが使えない結果になる。
具体例
デジタル庁のデザインシステムは、政府サイトをスマートフォンでも同じHTMLで表示するレスポンシブ設計と、JIS X 8341-3に沿ったコントラスト比・フォーカス表示・代替テキストの規約を公開している。マイナポータルはこの規約に沿って画面が作られている。
試験での引っ掛け
アクセシビリティ（そもそも利用できるか）とユーザビリティ（使いやすいか）は別概念で、アクセシビリティは特定の人向けの配慮ではなく誰もが使えることを指す。「色を変えて注意を示す」だけの表現は色覚特性のある人に伝わらないため、文字や形を併用する必要があり、色使いの工夫だけでは足りない。レスポンシブは1つのHTMLを画面幅で出し分ける手法で、端末ごとに別URLを用意する方式とは違う。
関連用語
出典・参考
解説は資格暗記が独自に作成しています。過去問の出典は各問題に記載のとおりです。