Доступность (WCAG 2.0): заголовки и отношения содержимого заголовка

Question

Я пытаюсь написать доступную HTML5 страницу доступности доступности (WCAG 2.0).

структура страницы является общей:

• верха/заголовка: логотип + текст претензии + пользовательские кнопки (ы: вставить ваше объявление) + главное меню
• главные: список выбранных объявлений + постраничную
• сноски: футер ссылка + ограничение ответственность

конечно, основное содержание моей страницы листинг блок, введенный H1 теги (ES «выбранные объявления для красных велосипедов в Риме».).

Теперь, учитывая, что:

• Иерархическая товарную Организация четко указано в качестве ориентира доступности (ссылка: http://www.w3.org/TR/WCAG20-TECHS/H42.html)
• HTML5, Outline Алгоритм «не может полагаться передать структуру документа для пользователей» используя вспомогательные технологии агенты пользователей (ссылка: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document)

у меня есть сомнения по поводу заголовка содержания в верхней части страницы, которая идет перед основным содержанием:

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

Спасибо.

Answer 1

Одна вещь, чтобы понять, о методах является то, что они являются информативными и не нормативное читать «Аннотация» в следующем документе http://www.w3.org/TR/WCAG20-TECHS/Overview.html

Это означает, что требование 1.3.1 просто, что вы разметить структуру для представления семантика информации.

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

В качестве лучшей практики, вы также хотели бы добавить две вещи к вашей странице:

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