Управление радио-кнопками с клавиатуры
 

Здравствуйте!
Работаю над доступностью с клавиатуры и вот столкнулся с проблемой, может кто то подскажет.

На клавиатуре клавишей Tab можно передвигаться по интерактивным элементам (ссылки, кнопки, инпуты).

Дохожу до радио-кнопок и тут возникает проблема. Tab останавливается только на чекнутой радио-кнопке. А как пользователю с клавиатуры можно выбрать другой вариант?

HTML радио-кнопок:

<div>
	<label>
		<input type="radio" name="r" checked>
		<span>Первое</span>
	</label>
	<label>
		<input type="radio" name="r">
		<span>Второе</span>
	</label>
</div>

Как пример так же на этом форуме на странице создания темы перед кнопками отправить есть блок выбрать иконку темы и варианты со смайликами. Таб берёт только первый вариант "без иконки" (он чекнутый) и переходит дальше на кнопку Создать новую тему

Если инпутам прописать атрибут tabindex="0", то это никак не влияет. Таб проходит только чекнутый радио-элемент.

Ну есть обычное правило работы с клавиатуры - между одноименными радиокнопками переход делается стрелками (down/right - следующая, up/left - предыдущая

Спасибо! Я все кнопки перетыкал, а до стрелок дойти ума не хватило. Буду знать.