知覚可能/1.3 適応可能
1.3.2意味をなすシーケンス
レベル AMeaningful Sequence
段組みやCSSでの配置により見た目の並び順が変わっても、意味が通る正しい読み上げ順序をプログラムで判定できるようにする。スクリーンリーダーやキーボード操作はDOM上の順序をたどるため、CSSだけで視覚順を入れ替えるとDOM順とずれて意味が通らなくなることがある。
補足
この達成基準の詳細解説は準備中です。現在は関連パターン・達成方法・原典への参照を掲載しています。
関連する達成方法
この達成基準を満たすための具体的な実装方法です。本サイトでは本文を収録していないため、各リンク先の W3C 原文を参照してください。
十分な達成方法(7)
- C6: Positioning content based on structural markup(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C8: Using CSS letter-spacing to control spacing within a word(新しいタブで開きます)waic.jp(新しいタブで開きます)
- C27: Making the DOM order match the visual order(新しいタブで開きます)waic.jp(新しいタブで開きます)
- G57: Ordering the content in a meaningful sequence(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H34: Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline(新しいタブで開きます)waic.jp(新しいタブで開きます)
- H56: Using the dir attribute on an inline element to resolve problems with nested directional runs(新しいタブで開きます)waic.jp(新しいタブで開きます)
- PDF3: Ensuring correct tab and reading order in PDF documents(新しいタブで開きます)waic.jp(新しいタブで開きます)
失敗例(5)
- F1: Failure of Success Criterion 1.3.2 due to changing the meaning of content by positioning information with CSS(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F32: Failure of Success Criterion 1.3.2 due to using white space characters to control spacing within a word(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F33: Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to create multiple columns in plain text content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F34: Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to format tables in plain text content(新しいタブで開きます)waic.jp(新しいタブで開きます)
- F49: Failure of Success Criterion 1.3.2 due to using an HTML layout table that does not make sense when linearized(新しいタブで開きます)waic.jp(新しいタブで開きます)
原典・規範文書
- 達成基準 1.3.2 意味をなすシーケンス — WCAG 2.2 日本語訳(waic.jp)(新しいタブで開きます)規範訳。正式な要件の本文はこちら。
- Understanding Meaningful Sequence — W3C(英語)(新しいタブで開きます)意図・具体例・達成方法の詳しい公式解説。