Простое уточнение DOM / CSS? [WCAG F17 1.3.1]

Question

http://www.w3.org/TR/WCAG-TECHS/F17.html

У меня есть некоторые проблемы с пониманием критериев этого и что приводит к сбою веб-сайта на основе серии тестов.

1. Проверка на идентификатори значения ключа доступа, которые не являются уникальными в документе.

2. Убедитесь, что значения атрибута, имеющие значение idref, имеют соответствующее значение идентификатора.

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

4. Для карт изображений на стороне клиента, проверьте, что значение атрибута usemap имеет соответствующее значение id, если атрибут usemap не является URI.

Если шаг № 1, шаг № 3 или шаг № 4 равен true, илишаг № 2 ложный, тогда это условие сбоя применяется, и контент не соответствует критерию успеха.

Answer 1

Это ряд требований, которые делают написанный вами HTML верным.

1 просто. На вашей странице не может быть более одного элемента с одинаковым идентификатором. Если у вас есть несколько элементов с одинаковым идентификатором на вашей странице, то при вызове функции Javascript

document.getElementById("idnamehere")

тогда у вас будут проблемы с выбором всех из них. Если вы хотите, чтобы несколько элементов имели одинаковый стиль, вам следует использовать атрибут класса, а не ID. Идентификатор должен быть уникальным!

2 Если вы дали элементу атрибут idref, то он должен соответствовать существующему элементу с идентификатором, который вы указали в атрибуте idref. Например, если вы хотите использовать следующий idref:

<p idref="data"></p>

Тогда где-то в вашем документе должен быть существующий идентификатор, который выглядит примерно так:

<span id="data"></span>

Вы не можете ссылаться на идентификатор, который не существует!

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

4 Опять же, я никогда не использовал ImageMap, но документ W3C классифицировал этот набор правил в соответствии с общей темой неуникальных идентификаторов и несовпадающих ссылок, поэтому я могу только предположить, что это аналогично 2 , при этом у карты изображений есть соответствующая карта использования, на которую ссылается ее идентификатор (если только он не был указан как URI).

---

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

Если вы пытаетесь что-то исправить на своем сайте, тогда http://validator.w3.org/ может быть очень удобным ресурсом для выявления ошибок на вашей странице и их описания. Надеюсь, это поможет!