HTML5 Как пропустить навигацию, когда атрибут имени устарел
В Руководстве по доступности веб-контента указано, что вы должны указать ссылку "пропустить" , которая перескакивает (например) над навигационным блоком и прямо в контент. Это особенно полезно для пользователей с ограниченными возможностями, которые используют экранный ридер для точного описания страницы.
6.2 Группирование и обход ссылок Рекомендации WCAG
Однако этот метод основан на использовании атрибута name в теге привязки:
<h2><a name="content">Content</a></h2>
Наряду с пропуском ссылки:
<a href="#content">Skip to content</a>
Проблема заключается в том, что атрибут "name" тега привязки устарел в HTML5. Устаревшие функции HTML
Есть ли какой-либо другой способ достижения этой "пропустить" функциональность без использования атрибута name?
Сноска: статус спецификации HTML5 по-прежнему находится в проекте, и вполне возможно, что атрибут name действительно будет разрешен в этом сценарии, хотя он, вероятно, все еще будет генерировать "предупреждение". В настоящее время он отмечен как "устаревший, но соответствующий", что означает, что вы все еще его используете, однако я хотел бы узнать о других способах выполнения "пропустить" , чтобы увидеть, есть ли способ сделать это, t полагаться на устаревший атрибут.
Ответы
Ответ 1
Вместо использования тегов <a>
вы можете использовать любой элемент с атрибутом id
:
<h2 id="content">Content</h2>
<a href="#content">Skip to content</a>
РЕДАКТИРОВАТЬ, нашел вас источником (хотя и Wikipedia; -)):
Альтернативно (а иногда и одновременно), с установленными атрибутами имени или идентификатора, элемент становится целью. Единый указатель ресурсов может ссылаться на эту цель с помощью идентификатора фрагмента. Любой элемент теперь можно превратить в якорь, используя атрибут id, [2], поэтому использование <a name="foo">
не требуется.
http://en.wikipedia.org/wiki/HTML_element#Anchor