Какова цель "пропустить навигацию по ссылкам" в HTML, сгенерированном из yaml-builder?

Я использую Yaml Builder для создания макета CSS с 3 столбцами. В генерируемом HTML есть один раздел, который не имеет никакого смысла для меня:

<!-- start: skip link navigation -->
<a class="skip" title="skip link" href="#navigation">Skip 
    to the navigation</a><span class="hideme">.</span>
<a class="skip" title="skip link" href="#content">Skip 
    to the content</a><span class="hideme">.</span>
<!-- end: skip link navigation -->

Учебный класс hideme выглядит так:

.hideme {
  position: absolute;
  left: -1000em;  /* LTR */
  top: -1000em;
}

Очевидно, что удаление этого не имеет никакого эффекта в браузерах, которые я пробовал, но я боюсь, что это может вернуться, чтобы укусить меня позже. Есть идеи, для чего это?

2 ответа

Решение

Это для читателей экрана и дисплеев Брайля, которые используют слепые люди. Ссылка скрыта в большинстве обычных браузеров, но слепые их "видят". Это позволяет им пропустить навигацию / меню. Таким образом, им не нужно сидеть и слушать, как компьютер считывает всю структуру меню при каждой загрузке страницы.

Это используется для обеспечения доступности для людей, использующих программы чтения с экрана и т. Д. Если страница читается для вас, очень раздражает необходимость слушать 5 минут меню, которые одинаковы на каждой странице, прежде чем вы получите информацию, которую вы в розыске.

Эти ранние ссылки дают этим читателям возможность обойти материал на вашей странице и перейти к хорошим материалам.

Другие вопросы по тегам