It's very likely that…
posted on
…if the classname of an element contains “button” or “btn“, the element is in fact a <button>
.
<div class="edit-button">
Edit
</div>
More accessible alternative:
<button class="edit-button">
Edit
</button>
Explanation
A <button>
button has several advantages over the <div>
button:
- It conveys the correct “button” role
- It’s accessible via keyboard
- If a click event is attached, it provides keydown and keyup events automatically