内容の意味が伝わる読み順を保つ。

05条件と補足

順序が意味に影響する場合

文章の単語や段落、順番のある手順などは、並びを変えると意味が変わります。見出しとその説明、画像とそれを説明する文章も、離れたり別の内容が間に入ったりして意味が変わらないか確認します。

正しい読み順が1つに決まるとは限りません。例えば、写真教室の案内と陶芸教室の案内は、各案内の内容がまとまっていれば、どちらを先に読んでも意味を保てます。本文とナビゲーションのどちらが先かも、常に意味を左右するわけではありません。

この基準では、意味を保つ少なくとも1つの読み順をソフトが取得できることが必要です。見た目とソフトの読む順序をそろえることは、混乱を減らすための方法の1つです。見た目と違う順序を、すべて失敗と判断する基準ではありません。

単語の文字間隔

文字の間隔を広げるために、museumをm u s e u mと書くと、単語が空白で分断されます。読み上げでは1文字ずつ読まれ、単語として伝わりにくくなることがあります。

文字列をmuseumのまま保ち、CSSのletter-spacingで見た目の文字間隔を調整する方法があります。ソフトが取得する文字列に余分な空白を加えずに済みます。実際の発音は使うソフトや設定によって異なります。

ほかの基準との違い

1.3.1「情報及び関係性」は見出し・リスト・表などの構造や関係をソフトにも伝える基準です。1.3.2では内容をたどる順序でも意味が保たれるかを確認します。正しい見出しの情報を付けても、その説明と離れていれば、読む順序で混乱する場合があります。

Tabキーなどで操作対象を移る順序は、2.4.3「フォーカス順序」でも確認します。本文を読む順序と、操作対象へフォーカスを移す順序は分けて確かめます。

この改善例は示した案内の読み順についての例です。ページやサイト全体のWCAG適合を示すものではありません。