知覚可能/1.4 判別可能
1.4.4テキストのサイズ変更
レベル AAResize Text
テキストは、支援技術を使わなくてもブラウザの機能だけで200%まで拡大でき、拡大しても内容や機能が失われないようにする。低視力の利用者がブラウザズームだけで読めることが目的で、キャプションや文字画像は対象外。
仕様が更新されました
- 機能追加#5181(新しいタブで開きます)1.4.4: UA 制御のテキストは対象外であることを明確化
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(9)
すべて表示(9件)
- C12: Using percent for font sizes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C13: Using named font sizes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C14: Using em units for font sizes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C28: Specifying the size of text containers using em units(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G142: Using a technology that has commonly-available user agents that support zoom(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G146: Using liquid layout(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G178: Providing controls on the web page that allow users to incrementally change the size of all text on the page up to 200 percent(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G179: Ensuring that there is no loss of content or functionality when the text resizes and text containers do not change their width(新しいタブで開きます)waic.jp(新しいタブで開きます)
- SCR34: Calculating size and position in a way that scales with text size(新しいタブで開きます)waic.jp(新しいタブで開きます)
参考達成方法(3)
- C17: Scaling form elements which contain text(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C20: Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C22: Using CSS to control visual presentation of text(新しいタブで開きます)waic.jp(新しいタブで開きます)
失敗例(3)
- F69: Failure of Success Criterion 1.4.4 when resizing visually rendered text up to 200 percent causes the text, image or controls to be clipped, truncated or obscured(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F80: Failure of Success Criterion 1.4.4 when text-based form controls do not resize when visually rendered text is resized up to 200%(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F94: Failure of Success Criterion 1.4.4 due to incorrect use of viewport units to resize text(新しいタブで開きます)waic.jp(新しいタブで開きます)
原典・規範文書
- 達成基準 1.4.4 テキストのサイズ変更 — WCAG 2.2 日本語訳(waic.jp)(新しいタブで開きます)規範訳。正式な要件の本文はこちら。
- Understanding Resize Text — W3C(英語)(新しいタブで開きます)意図・具体例・達成方法の詳しい公式解説。