セクション要素との取引

2つの記事がまったく同じ日に公開されました。

1. Smashing MagazineのBruce Lawson：html5 over
   を選択する理由
2. 松のアダム・ラキ：
   と

   要素の違い

   彼らはわずかに異なるものを比較していますが、どちらも

   要素に関係しています。

   あなたが

   に手を伸ばすとき、私はそれがかなり明確だと思います：あなたがその要素を本質的に意味のないものにしたいとき。スタイリングの目的でのみ使用しています。

   について考えるとき、私はいつもRSSを考えています。はいの場合は、を使用してください。そうでない場合は、しないでください。

   ブルースには頼りになる答えがあります：

   […] は、新聞記事やブログ投稿としてだけでなく、衣料品の記事として考えてください。別の文脈で再利用できる個別のエンティティです。したがって、あなたのズボンは記事であり、別の服装でそれらを着ることができます。あなたのシャツは記事であり、異なるズボンで着用することができます。あなたの膝の長さの特許革のスティレット・ブーツは記事です。

   さらに重要なことは、実際の機能があることです。ブルースは、Apple Watchosがそれを特別に使用してページにコンテンツを見つけると述べています。

   しかし、

   はより曖昧です。ある時点で、セクションは

   -

   見出しがリセットされる場所と考えるはずでしたが、ブラウザをサポートする「html5アウトライン」と呼ばれるものが必要だったので、それは決して実現しませんでした。

   それで、

   それを使用する必要がありますか？ブルースによると、時々！ Smashing Magazineの記事のデザインには、記事の冒頭に要約があります。視覚的には、それはかなり明確ですが、スクリーンリーダーユーザーにとってはそれほど明確ではありません。解決策は、それを明確にするために、aria-labelで要素の要素を包むことでした。しかし、その要素にも役割がない限り、Aria-Labelを使用することは想定されていません。役割を

   に適用できますが、

   にはすでにデフォルトの役割があります。

    
     要約テキスト
   

   アダムの記事（申し訳ありませんが、アダム）はポイントで非常に曖昧です。

   主な違いはセマンティックから来ています。あなたがあなたのサイトまたはそのロジックを持っているアプリケーションに一部を持っている場合、あなたはそれを宣言するために

   タグを使用する必要があります…

   …

   を使用して、サイトまたはアプリの一部を支援技術に読みやすくすることが論理的に正しい場合。スクリーンリーダーに留意すれば、優れたアプローチです。

   したがって、セクションに対してロール= "region"を自動的に取得しますが、スクリーンリーダーに何かをしているかどうかはわかりません。クイックテスト（ボイスオーバーを有効にしたデスクトップ用のChrome）では、Aria-Labelのない Webローターのランドマークセクションにはそこにありませんでしたが、Aria-Labelを持っていれば現れました。

   ポイントは次のとおりです。

   を使用しては、アクセシビリティに適したことをしていると仮定します。その目的はかなり限られており、ランドマークを確立するのにのみ便利です。それでも、あなたはそれほど助けていません。コメントのレオニー・ワトソン：

   選択が視覚的に隠された見出しとアクセス可能な名前のセクション要素の間にある場合、どのアプローチが正しいものであるかを決定する前に考慮すべきことがいくつかあります。

   セクション要素にアクセス可能な名前がある場合、ナビゲーション可能なランドマーク要素になるため、スクリーンリーダーのユーザーは、スクリーンリーダーのショートカットキーを使用して、見出しでできるように、次のようにナビゲートできます。

   ただし、最新のWebAim Screen Readerユーザー調査によると、スクリーンリーダーのユーザーの68％は、ランドマークを好む2.9％と比較して、見出しでナビゲートすることを好みます。

   したがって、厳格なアクセシビリティの観点からは、おそらく見出しを落とすことができますが、使いやすさの観点からは、少なくともより多くのスクリーンリーダーユーザーがランドマークを使用してコンテンツをナビゲートする好みを表現するまでです。

以上がセクション要素との取引の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。