表示サンプル： このページの修正箇所は次のように表示されます。
HTML及びXHTMLで使用されるCSS
これは、次の達成基準に関連する実装方法である：
この実装方法の目的は、ソースコード上のコンテンツの順序が、コンテンツの表示結果の順序と同じになるようにすることだ。 ソースコード上のコンテンツの順序は、コンテンツ制作者によって、CSSによる表示結果とは異なるものにされる場合がある。 それぞれの順序はその状態では意味の分かるものになっているかもしれないが、支援技術の利用者にとっては混乱をもたらす可能性がある。 そのようなことは、（スクリーンリーダーのように）ソースコードに直接アクセスして内容を読み込んでいる場合や、キーボードで操作している場合などに、コンテンツ制作者による表示指定を利用者が無効にすることによって起こり得る。 もし、スクリーンリーダーを使ってページの内容をソースの順序で読んでいる全盲の利用者が、ページの内容を表示される順序で読んでいる利用者と一緒に働いていたら、異なる順序の情報に出くわすことで混乱するかもしれない。 スクリーンリーダーと組み合わせて画面拡大ソフトウェアを使用しているロービジョンの利用者は、読み上げている箇所を見失って混乱する可能性もある。 キーボード利用者は、ソースの順序が表示の順序と違っていると、次のフォーカスの場所が予想と違って困惑することもあるだろう。
表示結果の順序を前提としなければ、ページの全体を理解することが難しい状況もあるかもしれない。その場合、もしソースの順序が異なっていたら、理解することはさらに難しくなってしまう。
ソースの順序が表示結果の順序と同じである場合、すべての人が同じ（正しい）順序でコンテンツを読んで情報のやり取りをすることができる。
注: HTMLのtabindex属性には2つの機能がある。ひとつは要素をフォーカス可能にすることであり、もうひとつは要素にフォーカスの順序を割り当てることである。
tabindexの値を0にするとその要素はフォーカス可能になるが、フォーカスが追加されるだけで順序はソースの通りになる。
フォーカスの順序は、tabindexに指定された正の値だけで昇順となる。
tabindexの値をドキュメント・オブジェクト・モデル(DOM)の要素の順序と異なるように設定することは、支援技術の利用者にとっては不適当な順序となることもある。
これは主に、tabindexがCSSではなく、HTML又はXHTMLで指定されていることによるものだ。
この点については、将来の仕様で変更される可能性がある。
それは、視覚的な表示結果の順序とは異なる可能性もある。
あるオンライン新聞の表示では、ナビゲーションバーをイニシャルロゴの直下であるページの左上に配置している。ソースコードでも、ナビゲーションの要素はロゴを指定している要素の後になっている。
この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。
[ここから変更] Microsoft Internet Explorer Developer Toolbar[変更ここまで]を使用すると、Microsoft の Internet Explorer でスクリプトによって生成されたDOMのチェックが可能になる。
Firebug を使用すると、Firefox でスクリプトによって生成されたDOMのチェックが可能になる。
エンドユーザーに提供されているそのままの状態で、ウェブページのコンテンツの順序を視覚的に検査する。
DOMを表示できるツールを使って、DOM内の要素を検査する。
ソースコード上でのコンテンツの順序が、ウェブページのコンテンツの表示結果の順序と一致している（例：英語のページなら、順序は上から下へ、左から右へ）。
3.を満たしている。
注意： この実装方法が「達成基準を満たすことのできる実装方法」の一つである場合、このチェックポイントや判定基準を満たしていなければ、それはこの実装方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の実装方法によってその達成基準が満たされていることもありうる。
日本語訳における注記：
この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。