Семантический (поддерживаемый) HTML для расширенного стиля управления
Я хочу использовать структуру для моего расширенного контроля:
<div class="myExtControl" tabindex="0">
<fieldset>
<input type="radio" id="..." name="..."><label for="...">any text</label>
<input type="radio" id="..." name="..."><label for="...">any text</label>
<input type="checkbox" id="..." name="..."><label for="...">any text</label>
....
</fieldset>
</div>
Проблема в том, что <fieldset/>
с overflow:auto
поддерживается в Chrome и Firefox (отображение: таблица-столбец / таблица-ячейка не помогает в моем случае). Он правильно отображается в IE.
Я не могу поменять <fieldset/>
в <span/>
из-за проблемы с унаследованным tabindex для внутреннего диапазона (без решений без JS). Управление перестает работать должным образом из-за потери фокуса на основной <div/>
элемент. Также <div tabindex="0"><div></div></div>
имеет одинаковую проблему (span и div наследуют tabindex в IE).
Мой вопрос: какой ближайший элемент HTML, который может быть использован вместо <fieldset/>
? Можно здесь <small/>
? Любая роль WAI-ARIA для этого дополнительно?