レスポンシブサイトをコーディングしています。デスクトップバージョンではナビゲーションを左側に表示したいのですが、モバイルバージョンではメインコンテンツの下に表示したいと思います。よく知られているグリッドシステムを採用することで、 http：//abbymilberg.com/layout-sample.htmlで解決策を思いつきました。
同僚は、divがマークアップとは視覚的に（デスクトップバージョンで）異なる順序で表示されるため、標準に違反していると言います。しかし、彼はこれがどの基準に違反しているかを提供できないようです。すべてのサイトがデスクトップベースであった時代からの従来の期待に反することは理解していますが、これが実際に違反している標準（508、WC3など）のセクションの具体例を誰かに教えてもらえますか？それが良い習慣だと思うかどうか、それが決定的な基準に違反しているかどうかについての議論には興味がありません。ありがとう。
これは、私が知る限り、文書化された基準に違反するものではありません。ソースの順序に関しては、一般的に、スクリプトやスタイルを適用せずに、ユーザーにとって意味のあるドキュメントを作成する必要があります。結局のところ、最終的には、それがどのようにレンダリングされるかを実際に制御することはできません。
それが実際に良いアイデアであるかどうかについては、ユーザーテストを実施して調べる必要があります。私は結果を見たいと思っています！
意味論的に、そしてあなたの同僚を話すアクセシビリティは正しいです。cssを削除すると、ナビゲーション用のほとんどのコードがコードのヘッダー/上部にあるため、divの配置は意味がありません。
コードとスクリーンショットを提供していただけますか？
これは、いかなる方法でも文書標準に違反しません。
ドキュメント標準は従うべき一連のルールであり、Webサイトのレイアウトをどのように配置するかについての「ルール」はありません。したがって、意味論的、構文的、技術的に、ルールに違反しているわけではありません。
ただし、これは「ベストプラクティス」とは見なされない場合があります。ベストプラクティスは実際にはルールではなく、サイトを可能な限り最高のものにするためのガイドラインです。議論がなされる可能性があるという理由で、これがベストプラクティスと見なされるかどうかはわかりません...レイアウトが非常に奇妙で、サイトのメインコンテンツの前に多くのコンテンツが含まれている場合は、ボットが左から右へ、上から下へ、これはグーグルがあなたのページが何であるかを理解するのを難しくするという点であなたの検索ランキングを傷つけるかもしれません。