Level AAWCAG 2.2
1.4.10 リフロー
320CSS px幅でも横スクロールなしでコンテンツが利用できる。
なぜ重要か
ロービジョン
400%まで拡大しても横スクロールなしで読めることが必須。拡大鏡なしで文字を読む唯一の手段。
モバイル
小さな画面でも横スクロールなしでコンテンツが読める。レスポンシブデザインの基本。
認知障害
横スクロールは読む位置を見失いやすい。リフローで一方向に読めると理解が容易に。
高齢者
文字を大きくして読む人が多い。拡大時にレイアウトが崩れないことが重要。
ライブデモ
リフロー（320px幅での表示）
スライダーで表示幅を変更できます。320px（400%ズーム相当）でもコンテンツが読めるか確認しましょう。
サンプルサイト
最新ニュース
アクセシビリティは全てのユーザーにとって重要です。リフロー対応により、拡大表示時でも横スクロールなしでコンテンツを読むことができます。
サイドバー
- カテゴリA
- カテゴリB
- カテゴリC
データ
| 項目名 | カテゴリ | ステータス | 更新日 |
|---|---|---|---|
| レポートA | 分析 | 完了 | 2026-03-01 |
| レポートB | 設計 | 進行中 | 2026-03-05 |
固定幅レイアウト — 320pxで横スクロールが発生
ペルソナで理解する
山本さん（72歳）— 加齢による視力低下
ブラウザを400%に拡大して使っています。横スクロールが必要なサイトでは、行の先頭に戻るたびに迷子になります。リフロー対応のサイトなら新聞のように上から下へ読めるので助かります。