Level AAWCAG 2.2
1.4.4 テキストのサイズ変更
テキストを200%までサイズ変更しても、コンテンツや機能が損なわれない。
なぜ重要か
ロービジョン
視力が低い方はテキストを拡大して読みます。200%でレイアウトが崩れると情報にアクセスできません。
加齢
加齢に伴い近くのものが見えにくくなります。テキスト拡大は日常的に必要な機能です。
固定サイズの問題
px 固定のフォントサイズはブラウザの拡大設定を無視し、ユーザーの選択を奪います。
レスポンシブ設計
柔軟なレイアウトは拡大だけでなく、様々な画面サイズでの利用にも対応できます。
ライブデモ
テキストサイズ変更への対応
100%
固定レイアウト（px指定）
お知らせ一覧
重要システムメンテナンスのお知らせ
ペルソナで理解する
渡辺さん（75歳）— 老眼＋軽度白内障
ブラウザの文字サイズを常に150%に設定しています。テキストが重なったりはみ出したりするサイトは内容が読めません。「孫の学校の連絡サイトが拡大すると崩れて、重要な情報を見逃すことがあります」