知覚可能/1.4 判別可能
1.4.8視覚的提示
レベル AAAVisual Presentation
長い文章のブロックには、前景色と背景色を選べる、幅を80文字(全角40字)までにできる、両端揃えにしない、行送りをフォントサイズの1.5倍以上・段落間隔をその1.5倍以上取れる、200%拡大しても横スクロールが不要、という表示に利用者が切り替えられるようにする。既定でこの見た目にする必要はない。
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(19)
すべて表示(19件)
- C12: Using percent for font sizes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C13: Using named font sizes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C14: Using em units for font sizes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C19: Specifying alignment either to the left or right in CSS(新しいタブで開きます)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(新しいタブで開きます)
- C21: Specifying line spacing in CSS(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C23: Specifying text and background colors of secondary content such as banners, features and navigation in CSS while not specifying text and background colors of the main content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C24: Using percentage values in CSS for container sizes(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C25: Specifying borders and layout in CSS to delineate areas of a web page while not specifying text and text-background colors(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G146: Using liquid layout(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G148: Not specifying background color, not specifying text color, and not using technology features that change those defaults(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G156: Using a technology that has commonly-available user agents that can change the foreground and background of blocks of text(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G169: Aligning text on only one side(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G172: Providing a mechanism to remove full justification of text(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G175: Providing a multi color selection tool on the page for foreground and background colors(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G188: Providing a button on the page to increase line spaces and paragraph spaces(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G204: Not interfering with the user agent's reflow of text as the viewing window is narrowed(新しいタブで開きます)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(新しいタブで開きます)
- SCR34: Calculating size and position in a way that scales with text size(新しいタブで開きます)waic.jp(新しいタブで開きます)
失敗例(2)
- F24: Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F88: Failure of Success Criterion 1.4.8 due to using text that is justified (aligned to both the left and the right margins)(新しいタブで開きます)waic.jp(新しいタブで開きます)
原典・規範文書
- 達成基準 1.4.8 視覚的提示 — WCAG 2.2 日本語訳(waic.jp)(新しいタブで開きます)規範訳。正式な要件の本文はこちら。
- Understanding Visual Presentation — W3C(英語)(新しいタブで開きます)意図・具体例・達成方法の詳しい公式解説。