HTML разметка документа для доступности

Question

Мне было интересно, как правильно структурировать HTML-страницу, похожую на документ. Очевидно, что заголовок страницы должен быть помечен как <h1>, а заголовки разделов - как <h2>.

Что касается нижнего колонтитула, сейчас у меня есть:

<div id="footer">Footer content</div>

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

Необходимо ли разрешить программе чтения с экрана объявлять, что она собирается читать содержимое нижнего колонтитула и существует ли правильный способ сделать это?

Спасибо!

Answer 1

Обычный способ разрешить программам чтения с экрана пропускать повторяющиеся части вашего веб-сайта - включить скрытый якорь для позиции сразу после элемента, который вы хотите пропустить.

Например, на одном из наших веб-сайтов мы делаем это, чтобы пропустить нашу навигационную панель.

<div id="navbar">
  <a title="Skip Navigation" href="#skipnav"></a>
  <a href="/"><img id="home" src="transparent.gif" alt="Home" /></a>
  ...
</div>
<a id="skipnav"></a>

«Skip Navigation» a выбирается с помощью клавиатуры, и программа чтения с экрана будет читать «Skip Navigation». Затем пользователь может «щелкнуть» по нему, чтобы потом перейти на страницу. В этом случае сразу после навигации.

Answer 2

Я пользователь программы чтения с экрана, и заголовки h1 и h2 будут хорошо работать. Нет хорошего способа, позволяющего программе чтения с экрана пропускать определенный мне известный текст, который будет работать со всеми программами чтения с экрана и браузерами. Предполагая, что ваш контент выглядит примерно так:

<h1>title</h1>
<h2>section1</h2>
section content
<div id="footer">Footer content</div>
<h2>section2</h2>
section 2 content
<div id="footer">Footer content</div>

Пользователь программы чтения с экрана должен быть в состоянии понять, что он снова нажал на нижний колонтитул, услышав его в первый раз. Затем они могут использовать клавиши быстрой навигации, предоставляемые всеми современными программами чтения с экрана, чтобы перейти к следующему заголовку, таким образом, не слушая нижний колонтитул снова.

Answer 3

Можете ли вы использовать HTML5? Если это так, он содержит тег <footer>.