WCAG - в чем разница между смысловой последовательностью и порядком фокуса?
Я чувствую себя смущенным, поскольку эти 2, кажется, описывают одно и то же?
Уровень A - Критерий успеха WCAG 2.0 1.3.2 - Значимая последовательность
Если контент должен быть прочитан в определенном порядке, чтобы иметь смысл, убедитесь, что веб-страница написана / закодирована таким образом, который указывает этот порядок.
Уровень A - Критерий успеха WCAG 2.0 2.4.3 - Порядок фокусировки
При написании HTML-кода для веб-страницы убедитесь, что содержимое закодировано в логическом порядке. Затем он будет передан в логической форме, когда читается программами чтения с экрана. Это особенно важно для веб-форм.
1 ответ
2.4.3 имеет отношение к порядку вкладок, так как вы используетевкладку для навигации по странице. Это относится к интерактивным элементам.
Если веб-страница может перемещаться последовательно и последовательности навигации влияют на значение или действие, фокусируемые компоненты получают фокус в порядке, который сохраняет значение и работоспособность.
(Акцент мой)
1.3.2 распространяется на всю страницу - все интерактивные элементыи текст. Пользователь программы чтения с экрана может перемещаться по всему DOM (*) с помощью клавиш со стрелками вверх / вниз. Порядок DOM - это порядок, в котором пользователь программы чтения с экрана будет слышать элементы. Если вы используете CSS для перемещения элементов, скажем, отображение элемента в нижней части страницы, даже если он находится в верхней части DOM, и если перемещение этого элемента в нижнюю часть страницы влияет на значение, тогда будет применяться 1.3.2.,
(*) На самом деле они перемещаются не по DOM, а по дереву доступности. Вы можете "спрятать" элементы в вашей DOM (например, с помощьюaria-hidden
), которые препятствуют появлению элемента в дереве доступности, но для концептуальных целей дерево доступа можно рассматривать как структуру, параллельную DOM.