Учебный пример проведёт вас сквозь создание собственного HTML5 тэга реализующего элемент ввода "флажок", который позволяет пользователю переключать себя между двумя состояниями.
Исходный пример вы можете посмотреть здесь.
При создании элемент устанавливает атрибуты role = "checkbox" и tabindex = "0", которые позволяют использовать его с клавиатурой и такими технологиями, как устройство чтения с экрана. Более подробное описание можно найти по ссылкам в исходном примере.…