Объяснение
Семантическая кнопка поддерживает клавиатуру и доступное имя. Модальное окно должно управлять фокусом, иметь заголовок и возвращать фокус после закрытия. Цвет не должен быть единственным признаком ошибки.
Задача для самостоятельного решения
Почему div с обработчиком click не эквивалентен button?
Показать разбор ответа
У него нет стандартной клавиатурной активации, роли и поведения формы. Используйте button; добавлять всё вручную сложнее и легче ошибиться.