Влияет ли связь между label и input на SEO / семантику?

Question

[Алексей Николаев]

Доброго дня.
Стоит ли дополнительно связывать label и input при помощи атрибута for и, соответственно, id? Будет ли какая-либо разница в сравнении с вариантом, когда label и input отдельно от друг друга находятся в обычном div? Примеры кода:

<div>
    <label>Label</label>
    <input />
</div>

<div> <!-- Вариант со связыванием, "правильный" -->
    <label for="input1">Label</label>
    <input id="input1" />
</div>

Вопрос, прежде всего, актуален для тех случаев, когда на юзабилити связь никак не влияет (например, вместо input'а - select, фокус на котором ничего не дает), и когда обернуть input в label тоже нельзя - например, имеем группу чекбоксов или radio-переключателей.

Заранее спасибо.

Answer 1

[Николай]

Чтобы не связывать можно ещё делать вот так:

<label>
    label text 
    <input type='any'/>
</label>

Стоит ставить привязки хотя бы ради удобства. Особенно это актуально для чекбоксов.