This page has a big red button with "add email". For the reading software this is not a button, but a non-interactive div element. See screenshot 8.
The reading software cannot tell its user that these are buttons because they miss the correct role. Now these buttons are coded as neutral (non-interactive) div elements. In addition, the reading software does not know what the function (name) of these buttons is.
The most robust solution is to use the native HTML elements such as button elements. Another possible solution is to use WAI-ARIA.
GerbenBosschieter
commented
3 years ago
This page has a big red button with "add email". For the reading software this is not a button, but a non-interactive div element. See screenshot 8.
The reading software cannot tell its user that these are buttons because they miss the correct role. Now these buttons are coded as neutral (non-interactive) div elements. In addition, the reading software does not know what the function (name) of these buttons is.
The most robust solution is to use the native HTML elements such as button elements. Another possible solution is to use WAI-ARIA.
Page where button is: http://localhost:5500/preferences/emails