アクセシビリティWeb Accessibility / a11y
アクセシビリティ (a11y) は、視覚・聴覚・運動・認知などの多様な障害特性を持つ利用者が等しくWebを使えるよう設計する考え方で、WCAG が国際標準です。
詳細解説
Webアクセシビリティ (a11y, accessibility の a + 11文字 + y) は、視覚・聴覚・運動・認知の障害、加齢、一時的状況 (片手操作・低速回線) を含むあらゆる利用者がWebコンテンツを利用できるようにする設計思想です。W3C WAI が策定した WCAG (Web Content Accessibility Guidelines) が世界標準で、現行 WCAG 2.2 はレベル A / AA / AAA の3段階で86 達成基準を定めています。日本では JIS X 8341-3:2016 (WCAG 2.0と整合) が公的標準で、2024年4月施行の改正障害者差別解消法により民間事業者にも合理的配慮が義務化されました。実装の主要要素は (1) 適切な見出し構造とランドマーク (2) フォーム label と aria 属性 (3) コントラスト比 4.5:1 以上 (4) キーボード操作可能 (5) 代替テキスト (6) 動画キャプション です。アクセシブルな設計はSEO・モバイルUX・国際化にも好影響します。
実装例 / 使い方
- 01コントラスト比 4.5:1 (WCAG 2.2 AA) を全テキストで確保
- 02form input に必ず label を関連付け aria-describedby で補足
- 03キーボードのみで全フローを完了できることを Tab 操作で確認
関連する用語
WCAG
Web Content Accessibility GuidelinesWCAG (Web Content Accessibility Guidelines) は、W3C WAI が策定するWebアクセシビリティ国際標準で、現行版は...
ARIA
Accessible Rich Internet ApplicationsARIA (Accessible Rich Internet Applications) は、HTML 単体では表現できない動的UI のセマンティクスを補完する...
ニールセンの 10 ユーザビリティ原則
Nielsen's 10 Usability Heuristicsニールセンの10ユーザビリティ原則は、Jakob Nielsen が1994年に発表した UI 評価のためのヒューリスティック10項目で、ヒューリスティック評価...
ユーザビリティテスト
Usability Testingユーザビリティテストは、実ユーザーに代表タスクを実行してもらい観察・思考発話で UI の使いやすさを評価する定性リサーチ手法です。NN/g によれば 5 人で主...
アクセシビリティを、実際に活用する
用語の意味は分かった。次は実装。EXBANK の無料診断で、貴社で具体的にどう活用できるかをご提案します。
営業時間 平日10-18時 / 通常24時間以内に返信