エクスペリエンスを作成しているのかを学習しました。作成すると、少しの手間で多くのアクセシビリティを利用できます。これは、多くの標準要素に、セマンティクスとサポート機能が組み込まれているためです。リーダーのユーザーにとって非常に重要で、しかしわかりづらいナビゲーションに関するセマンティクスについて説明します。多くのコントロールが含まれ、コンテンツが少ない単純なページでは、ページをスキャンして必要なものを見つけるのは簡単です。エントリやニュース集約サイトなど、コンテンツが非常に多いページで上から順にすべての情報を読み取るのは実用的ではありません。コンテンツを効率良くナビゲーションする方法が必要です。リーダーでフォーカスおよび検索できるようにする必要がある、という点です。これは、ほぼ事実ではありません。リーダーは多くの場合、見出しのリストを使用して情報を見つけます。リーダーには、ページの見出しのリストを容易に区別してスキャンできる、ローターと呼ばれる重要な機能が備わっています。見出しを活用する方法を見ていきましょう。順序が影響する点についてもう一度説明します。リーダーは全般的にそのようになっています。順序に基づいています。適切な見出し構造がより重要になります。ブロック間の親子関係が示されています。チェックリストでも、このテクニックについて何度も取り上げています。すべての見出しを画面上に表示する必要はありません。リーダーなどの支援技術のみがアクセスできるように、意図的に見出しを画面外に配置するテクニックを使用しています。サイトでは、画面外のコンテンツに関するこちらの記事で、このテクニックについて詳しく説明しています。デザイン上、視覚的な見出しが不要またはそのスペースがない場合でも見出しを配置できる、おすすめの方法です。このテクニックを多用しすぎないよう注意してください。エクスペリエンスを損なう可能性があります。後でメンテナンスする際に悩みの種にもなります。コントロール、ランドマークなど、ページ内の移動に活用されている要素は他にもあります。リーダーのローター機能(ページの見出しのリストを容易に区別およびスキャンする方法)を使用して、ページ上のリンクのリストにアクセスできます。ように多数のリンクが存在すると、リーダーはリンク内の用語を検索できます。これにより、ページ上で繰り返し使われているすべての用語ではなく、実際にその用語を含むリンクのみを検索するように制限できます。リーダーがリンクを見つけることができて、さらにリンクのテキストが有用である場合にのみ役立ちます。リンクを見つけにくい、よくあるパターンの例を紹介します。属性のないアンカータグ。アプリケーションで使用されています。リーダーにとって問題になります。アプリケーションに関するこちらの記事をご覧ください。リンク付きで実装されているボタン。リーダーがコンテンツをリンクとして解釈し、ボタンの機能が失われます。このような場合、アンカータグを実際のボタンで置き換えて、適切にスタイルを設定します。リンクのコンテンツとして使用されている画像。リーダーで使用できない場合があります。属性テキストを付けてください。情報不足のリンクテキストも問題になります。「詳細」や「こちらをクリック」といったクリック可能なテキストは、リンク先に関するセマンティックな情報がありません。リーダーがリンクについて意味のある情報を提供できるようにします。リストも取得できます。このリストを使用すると、リーダーは特定の項目を検索して直接アクセスできます。リーダーでよく起こるエラーは、発音です。リーダーが「Udacity」を「オーダシティ」と発音したり、電話番号を大きな数値のように読み上げたり、大文字のテキストを略語のように読むことがあります。リーダーのユーザーはこの癖にうまく順応し、自ら考慮しています。リーダー専用のテキストを用意して、この状況の改善に努めています。音声学的なスペルを記述するにあたって、シンプルなルールは「やめておくこと」ことです。問題がさらに悪化するだけだからです。点字ディスプレイのユーザーにとって、誤ったスペルの単語は混乱の元になります。読者側で操作を制御し、必要なタイミングを判断できます。リストを参照できます。ランドマーク要素で指定されたナビゲーション用のランドマークを特定するために役立ちます。ページのセマンティックな構造を定義するために活用できる新しい要素が導入されました。使用しなければならない)組み込みのスタイル設定を適用しなくても、ページの構造を把握する手がかりとなります。ブロックに置き換わり、より明確かつ情報量の多い形で作成者と読者の両方に対してページの構造を直感的に示します。