wcag
非干渉
動画やアニメーションを自動で再生している
バックグラウンドでもNG
音声を自動で再生している
スクリーンリーダーの読み上げを阻害する
点滅
A(利用できない)
色だけでコンテンツを区別している
エラーのある入力項目にエラー内容を表示していない
どこにどう問題があるかを提示してあげる
ジェスチャーだけでしか操作できない
AA(利用にはツールが必要)
テキストや文字画像のコントラストが低い
フォーカスの状態が見えない
画面を拡大すると情報が見切れてしまう
-> レスポンシブにすべき
AAA
タップエリアが44px/44pxより小さい
アクセシビリティを高める -> ほかデバイス・ブラウザへの転用性も高まる
法令遵守
合理的配慮
令和6年4月1日から
障害などを理由にサポートをしない
デザインの判断基準
文字色:背景色は4.5:1
アクセシビリティの定量的指標を判断基準に