Семантический (поддерживаемый) 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 для этого дополнительно?

0 ответов

Другие вопросы по тегам