These input fields are made from non-interactive div elements. For the auxiliary software it is not clear that these are input fields and which data must be entered here. See screenshot 9.
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 input elements. Another possible solution is to use WAI-ARIA.
These input fields are made from non-interactive div elements. For the auxiliary software it is not clear that these are input fields and which data must be entered here. See screenshot 9.
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 input elements. Another possible solution is to use WAI-ARIA.