Можно ли пропустить уровни заголовков

Я всегда не соглашался на пропуски уровней заголовков в HTML-документах, особенно по причинам доступности экрана. Кроме того, требование о том, что структура страницы имеет смысл без CSS, как представляется, указывает на то, что уровни пропущенных заголовков не рекомендуются. Например:

<h1>...</h1>
<h3>...</h3>
<h4>...</h4>

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

Мысли от экспертов по доступу?

Ответы

Ответ 1

Я считаю, что пропущенные уровни заголовков считаются приемлемыми, но не идеальными под WCAG1, но WCAG2 в этом отношении более строг. В качестве одного из примеров, читатели экрана объявят уровень заголовка, и пропущенный номер заставит его казаться, что пользователь пропустил какой-то скрытый контент, когда он этого не сделал. Не нужно пропускать уровень, если CSS используется для стиля, как вам хотелось бы.

Ответ 2

Из WCAG 2: G141: Организация страницы с использованием заголовков:

Чтобы облегчить навигацию и понимание общей структуры документа, авторы должны использовать заголовки, которые правильно вложены (например, h1, за которым следуют h2, h2, затем h2 или h3, h3, за которыми следуют h3 или h4 и т.д.).

Ответ 3

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

Сценарий, который они описывали, состоял в том, что, если человек, использующий устройство чтения с экрана, циклически перемещался по заголовкам (например, h1, затем h2, затем h3), и читатель ничего не сообщал для заданного уровня заголовка (h4 в этом случае), тогда пользователь, скорее всего, прекратит циклизацию по заголовкам в предположении, что заголовков больше нет (возможно, отсутствуют какие-либо h5 и h6).

Таким образом, вы рискуете создать проблему юзабилити, если вы пропустите уровни!