Какова цель "пропустить навигацию по ссылкам" в 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 минут меню, которые одинаковы на каждой странице, прежде чем вы получите информацию, которую вы в розыске.
Эти ранние ссылки дают этим читателям возможность обойти материал на вашей странице и перейти к хорошим материалам.