拡大しても行の続きを左右に探さず読めるようにする。

05条件と補足

320と256の向き

横書きの文章を縦にスクロールして読むページでは、幅320 CSSピクセル相当で行が収まるかを確認します。縦書きの文章を横にスクロールして読むページでは、高さ256 CSSピクセル相当で行が収まるかを確認します。スクロールをすべて禁止する基準ではありません。

CSSピクセルはブラウザーが配置や大きさを指定するために使う単位です。画面に表示される物理的なピクセル数だけで条件を判断しません。

400%ズームとの関係

基準の注記では元の表示領域の幅1280 CSSピクセルを400%でズームすると幅320 CSSピクセル相当になると説明しています。横スクロールのコンテンツでは、元の高さ1024 CSSピクセルが400%で高さ256 CSSピクセル相当になります。

この元の幅や高さはコンテンツを表示する領域の大きさです。モニター全体の解像度やブラウザーの外枠とは区別します。「400%にした」という倍率だけでなく表示領域の幅や高さを確認します。

二次元の配置が必要な部分

地図や図解など理解に必要な画像、動画、ゲーム、プレゼンテーション、データ表、操作中にツールバーを表示し続ける必要がある画面などには、二次元の配置が必要な部分があります。こうした部分は意味や機能を保つために縦横両方向のスクロールを使えます。

例外はその配置が必要な部分に限ります。例えば、表の行と列の関係は保つ必要があっても、個々のセル内の文章まで一律に例外にはなりません。表の前後の見出しや説明文、検索欄なども、それ自体が例外の条件に当たるかを分けて確認します。

配置の変更と機能の維持

複数の列を一列にしたり、メニューを開閉式にしたりする方法があります。情報と機能を直接使えるか、操作やリンクで利用できれば、表示する位置や方法を変えることはできます。すべてのコンテンツを一列にすること自体が要件ではありません。

レスポンシブデザインは実装方法の一つです。配置を変えた後も文章の意味や操作の順序を保ち、隠した情報を開く手段などが使えるかを確認します。

1.4.4との違い

1.4.4「テキストのサイズ変更」は、支援技術なしで文字を200%まで大きくしても内容や機能を失わないことを扱います。1.4.10は定めた幅や高さで二方向のスクロールを要求しないことを扱います。文字を小さく戻して収めるだけで両方を満たすとは判断できません。

この改善例は写真教室の案内についての例です。ページやサイト全体のWCAG適合を示すものではありません。