知覚可能／1.4 判別可能
1.4.10リフロー
レベル AAReflow
幅320CSSピクセル（縦スクロールのコンテンツ）・高さ256CSSピクセル（横スクロールのコンテンツ）まで狭めても、内容や機能を失わず二次元スクロールなしで使えるようにする。1280×1024のビューポートを400%拡大した状態に相当し、地図や表など二次元配置が本質的なコンテンツは例外とする。
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(8)
- C31: Using CSS Flexbox to reflow content（新しいタブで開きます）waic.jp（新しいタブで開きます）
- C32: Using media queries and grid CSS to reflow columns（新しいタブで開きます）waic.jp（新しいタブで開きます）
- C33: Allowing for Reflow with Long URLs and Strings of Text（新しいタブで開きます）waic.jp（新しいタブで開きます）
- C38: Using CSS width, max-width and flexbox to fit labels and inputs（新しいタブで開きます）waic.jp（新しいタブで開きます）
- G206: Providing options within the content to switch to a layout that does not require the user to scroll horizontally to read a line of text（新しいタブで開きます）waic.jp（新しいタブで開きます）
- G224: Accounting for meaningful text indentation and Reflow（新しいタブで開きます）waic.jp（新しいタブで開きます）
- G225: Section panels that scroll horizontally are designed to fit within a width of 320 CSS pixels on a vertically scrolling page（新しいタブで開きます）waic.jp（新しいタブで開きます）
- SCR34: Calculating size and position in a way that scales with text size（新しいタブで開きます）waic.jp（新しいタブで開きます）
参考達成方法(2)
原典・規範文書
- 達成基準 1.4.10 リフロー — WCAG 2.2 日本語訳（waic.jp）（新しいタブで開きます）規範訳。正式な要件の本文はこちら。
- Understanding Reflow — W3C（英語）（新しいタブで開きます）意図・具体例・達成方法の詳しい公式解説。