Где мы должны поместить & # 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/

Без сомнения, он будет отличаться от сайта к сайту, но я бы поставил его перед навигацией.

Таким образом, программа чтения с экрана может прочитать «Пропустить до содержимого», прежде чем пройти через основной список навигации и сказать что-то вроде «О нас». Ссылки. Связаться с нами.' и т.д.

Не помещайте его вообще - сначала поместите ваш контент в HTML-файл, а потом добавьте навигацию / спам.

(я знаю, что во многих местах это трудно реализовать на практике, но если вы хотите использовать программу чтения с экрана / только текстовый браузер, вы можете пройти весь путь)

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top