форма этикетки 508 вопрос соответствия

Question

Должны ли метки, которые я создаю для элементов формы, находиться в теле ? например, будет ли это соответствовать:

<div style="display: none;">
    <label for="somename">Some Name</label>
    <!-- more labels.. //-->
</div>

<!-- insert lots of HTML here //-->

<form>
<input type="text" name="somename" id="somename">
<!-- insert more elems here //-->
</form>

Answer 1

Нет. В идеале они должны быть рядом с элементом, с которым они связаны, но это не обязательно. Это правда, что стандарты 508 кажутся расплывчатыми; отчасти это связано с тем, что существует более одного уровня соответствия, который вы можете попытаться сопоставить. Я всегда находил соответствие Приоритету 1 508 разочаровывающе низким. Вы могли бы сойти с рук почти все. Две вещи, которые я всегда пытался сделать (как минимум):

1. Запустите сайт или страницы через проверку
2. Посмотрите на сайт в текстовом браузере

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

Answer 2

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

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

Answer 3

Вы также можете использовать

<label class="hideme" for="blah">blah blah</blah>

, где

.hideme {
    display: none;
}

Answer 4

Если кому-то интересно, я установил программу чтения с экрана Thunder, и предоставленный выше формат идеально доступен.