Task cards in the home page include an options button only visible when the mouse is over the task card. That means the options button is visible for mouse users only. This is not creating a barrier for keyboard or touch users, because the options provided by the button (edit task, delete task, run Pa11y) are available in the task page as well. However, this is creating a different experience for mouse and keyboard/touch users.
Would it be worth making sure the task card options button is available to keyboard and touch users? In that case, the task card structure would need to change. The options button is a <button> element contained in a <a> element. which is not valid HTML.
Task cards in the home page include an options button only visible when the mouse is over the task card. That means the options button is visible for mouse users only. This is not creating a barrier for keyboard or touch users, because the options provided by the button (edit task, delete task, run Pa11y) are available in the task page as well. However, this is creating a different experience for mouse and keyboard/touch users.
Would it be worth making sure the task card options button is available to keyboard and touch users? In that case, the task card structure would need to change. The options button is a
<button>element contained in a<a>element. which is not valid HTML.