＆＃8220;コンテンツにスキップ＆＃8221;リンク？

StackOverflow https://stackoverflow.com/questions/1801752

  •  05-07-2019
  •  | 
  •  

質問

場所1、2、および3を参照してください。

<body>
    <Place 1>

  <div id="container">

    <Place 2>

    <div id="header">

    <Place 3>

      <div id="logo">

      </div>

    </div>

  </div>
</body>
役に立ちましたか？

解決

「コンテンツへスキップ」および「メニューへスキップ」リンクは、他のリンクまたはテキストの前に配置する必要があります。 15個の開始divがそれらの前にあるかどうかは関係ありません。

WCAG 2.0に関連するテクニックは G1：リンクを追加するメインページに直接アクセスする各ページの上部

他のヒント

一番上が好きです。この場合、より便利です。

次のサンプルを参照
http://www.w3.org/WAI/
http://websitetips.com/

サイトごとに異なることは間違いありませんが、ナビゲーションの前に配置します。

スクリーンリーダーは、メインナビゲーションリストをたどって「About Us」のようなことを言う前に、「コンテンツにスキップ」を読み上げることができます。リンク。お問い合わせ。'など

まったく配置しないでください。コンテンツを最初にHTMLファイルに配置し、その後ナビゲーション/スパムのようなものを配置してください。

（実際にはこれが難しいと感じる場所が多いことは知っていますが、スクリーンリーダー/テキストのみのブラウザサポートをご希望の場合は、最後まで進むことをお勧めします）

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top