ですから、これは私が時々考え続ける小さな問題です。約1、2年の間、HTML5要素を使用する最良の方法に興味がありました。
私が見る最も頻繁なテクニック-ヘッダー、フッター、セクションなどの要素を、クラスとARIAの役割は別として使用します。古いブラウザにはhtml5shiv.jsを使用してください。
これは、プログレッシブエンハンスメントではなく、グレースフルデグラデーションとより一致します。古いモバイル/デスクトップブラウザでJSが有効になっていないか、まったく利用できない場合、HTML5要素のみで構築されたレイアウトのスタイルを設定する機能が失われます。
私が見たもう1つのアプローチは、プログレッシブエンハンスメントと一致し、レイアウトが正しく機能するために古いブラウザーでJSが有効になっていることに依存していません。これについて、Josh Clark[GlobalMoxie]と簡単に話しました。彼らはmでこのアプローチを使用しました。ピープルマガジンのバージョン。http://www.people.com/people/mobile/home/ HTML5要素を使用して、スタイリング用のクラスを使用してドキュメントとdivのセマンティクスの概要を説明しました。ヘッダー、フッター、脇、セクションなどのHTML5要素に依存するスタイルはありませんでした。
私の質問の1つは、ARIAの役割がすでにdivに設定されている場合、ドキュメントのマークアップにより良いアウトラインを与えるために、div / spanの周りにHTML5要素を重ねることは有益ですか？「セマンティックであること」以外に、これには何のメリットがありますか？
スタイリングに使用されるdivの周りにHTML5要素を追加する場合、ARIAロールをdivからHTML5要素に移動することは有益でしょうか？私はそうなると思いますが、このテクニックについてもっとフィードバックをもらいたいです。