フォーラム ページでトピックと返信をグループ化するためにセクション タグを使用しています。トピックとその返信を別の記事ページにロードする必要がある場合は、同じブロックに div タグを使用し、トピックのタイトルを h1 から h2 に変更します。それは有効ですが。しかし、支援技術の場合、これはナビゲートを少し混乱させるでしょうか?
2 に答える
あなたが話している支援技術が主にスクリーン リーダーに関するものであると仮定すると、自分のページがどれだけアクセスしやすいかを知る最善の方法は、自分でダウンロードしてテストすることです。これを行うために使用した無料のスクリーンリーダーは NVDA と呼ばれますが、他にもあります。
一般に、スクリーンリーダーは、ページの背後に論理構造がある場合に最適に機能します。複数の記事を表示する場合は、各記事がページ上の同様の階層的な場所に配置されていること、および各記事自体の構造が他の記事と似ていることを確認してください。article
などのHTML5 セマンティック タグを使用aside
すると便利ですが、必須ではありません。スクリーンリーダーやその他の支援技術は、これらのタグが存在するよりもはるかに長い間使用されてきました。これらは可能な限り使用するのに適していますが、ページをできるだけ多くのユーザーがアクセスできるようにするためのより重要な方法が他にもあります。
もう 1 つの良い方法は、タイトルにヘッダー タグを使用し、それらを順番に使用することです。スクリーン リーダーは、多くの場合、ページの内容の概要を取得するために、見出しから見出しへとスキップするオプションをユーザーに提供します。また、視覚的に見えない (CSS を使用してページの端から離れた場所に配置することにより) リンクをページの上部や、視覚的に見出しを配置することが適切でないセクションに含めることもできます。これらは、視覚障害のないユーザーに表示されることなく、スクリーンリーダーによってコンテキストで読み取られます。
アクセシビリティについて懸念がある場合、WCAG (Web コンテンツ アクセシビリティ ガイドライン) 標準の推奨事項に従うことで、ページのアクセシビリティをより明確に把握することができます。WCAG は W3C によって管理されており、コンテンツを開発する際に考慮できるさまざまなレベルのアクセシビリティがあります。W3C には、ここにあるバリデーターのリストがあります。
コメントから質問に答えるには:
トピック タイトルを h2 と読み、それをクリックし、フォーラム ページに到達すると、このトピック タイトルが h1 になった場合、どのように聞こえますか?
特に一貫して行う場合は、ほとんどの人が混乱することはありません。ニュースっぽいサイトを作っているとします。
上記リーバイスのarticle
タグです。ページごとに複数のストーリーがある場合は、それらを使用することをお勧めします。このdiv
タグは HTML の世界のごみ箱のようなものです。他に何も利用できない場合にのみ使用してください。Article
タグは両方とも、コードに優れた構文上の価値を与えるだけでなく、役割と呼ばれる別の機能を備えています。ロールを使用すると、スクリーン リーダーを使用しているユーザーは、見出しタグを使用する場合と同様に、ページ内をジャンプできます。