Кнопку сверстали контейнером с обработчиком клика: что сломается
В форме кнопку отправки сверстали так:
<div class="btn" onclick="submitForm()">Отправить</div>
Визуально всё выглядит как кнопка, мышью работает. Тестировщик завёл баг по доступности. Что именно не работает?
- Элемент не попадает в обход по Tab, не срабатывает по клавише Enter или пробелу и не объявляется вспомогательными технологиями как кнопка.
- Ничего не ломается: обработчик клика работает, а вспомогательные технологии сами определяют такой элемент как кнопку по наличию обработчика.
- Не работает только отправка формы, остальное поведение кнопки у контейнера есть по умолчанию.
- Проблема исключительно в стилях: такой элемент нельзя оформить как кнопку без дополнительных классов.