WCAG Якорная ссылка
Я пытался найти в руководствах WCAG или WAI подходящий способ создания привязки ссылок.
В настоящее время у меня есть сайт, на котором есть подобные анкеры:
<h2><a name="blah" id="blah">Blah H2 Content</a></h2>
но так как я не хочу добавлять ненужный CSS просто для отмены любого якоря (нет, они не все в заголовках), мне было интересно, доступно ли это:
<h2><a name="blah" id="blah"></a>Blah H2 Content</h2>
Как правильно создать якорь?
2 ответа
Я бы предложил два возможных варианта, но сначала я бы не советовал иметь пустой тег привязки - <a name="blah" id="blah"></a>, При этом якорь указывает на ничто, поэтому, если программа чтения с экрана попытается извлечь диапазон тга, чтобы он мог определить, что находится на странице, это будет бессмысленно.
Вариант 1. Используйте id против заголовка.
<h2 id="blah">Blah H2 Content</h2>
Если вы хотите иметь точку привязки к заголовку, наведите его на этот заголовок. Благодаря этому вы можете использовать example.html/mypage.html#blah приземлиться в правильной точке.
Вариант 2. Добавить href поэтому якорь полезен.
<h2><a name="blah" id="blah" href="#blah">Blah H2 Content</a></h2>
Если привязка полезна для пользователей, сделайте так, чтобы они могли легко получить к ней доступ. Добавляя href атрибут, пользователь может щелкнуть правой кнопкой мыши и получить ссылку на эту точку в документе, средний щелчок, чтобы сфокусировать новую вкладку на точке и поделиться ссылкой на эту конкретную часть документа с другим человеком.
Я не знаю, есть ли какой-то конкретный совет, но в WCAG 2.0 HTML и XHTML Techniques есть пример использования пустого <a> элемент для этой цели. Смотрите H86, под бабочкой ASCII.
Так что у тебя должно быть все в порядке.