C27：DOMの順序を表示順序と一致させる

概要

C27は、ソースコード上のコンテンツの順序が、実際にユーザーに表示される順序と一致するようにするためのガイドラインです。これは、特に支援技術を利用するユーザーにとって重要です。視覚的な表示とソースコードの順序が一致しない場合、スクリーンリーダーやキーボード操作の際に混乱を招く可能性があります。

例えば、スクリーンリーダーを使用してページの内容を読み上げる場合、ソースコードの順序で読み上げられるため、視覚的な順序と一致しないと情報の把握が困難になります。同様に、キーボードユーザーはフォーカスが予期しない順序で移動するため、操作に混乱を来たす可能性があります。

このページでは、ウェブサイト制作でよく直面する課題に対して、基本的で取り組みやすい方法を紹介しています。
ただし、他にも対処すべき状況や多くの手段があり、具体的な状況に応じて最適な方法を選ぶことが大切です。

適用（対象）

こちらは、次の達成基準に関連する達成方法です。

• 1.3.2 意味のある順序
• 2.4.3 フォーカス順序

実践的な方法

まとめ

C27は、ソースコードの順序と視覚的な表示順序を一致させることの重要性を強調しています。これにより、支援技術を利用するユーザーやキーボード操作のユーザーが混乱せずにコンテンツを利用できるようになります。HTMLとCSSの設計段階でこれを意識することで、アクセシブルなウェブページを作成することができます。