You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The address lines input fields don't have a <label> element with a valid value. There is a <span> infront of it with the text 'Address'. This text however doesn't get recognised by screen readers.
Expected result
The labels should have a valid <label> element that is linked to the <input> field with a for attribute. My advice is to add linked elements to all the address line fields so that screen readers can know what kind of fields the address fields are and thus increasing accessibility.
If I test this on the default MAC screenreader (activated by CMD + F5) I get the feedback of: 'edit text blank'. In this situation the visually impaired user doesn't get feedback on what type of field it is.
The text was updated successfully, but these errors were encountered:
Preconditions
Steps to reproduce
<label>
element with a valid value. There is a<span>
infront of it with the text 'Address'. This text however doesn't get recognised by screen readers.Expected result
<label>
element that is linked to the<input>
field with afor
attribute. My advice is to add linked elements to all the address line fields so that screen readers can know what kind of fields the address fields are and thus increasing accessibility.If I test this on the default MAC screenreader (activated by CMD + F5) I get the feedback of: 'edit text blank'. In this situation the visually impaired user doesn't get feedback on what type of field it is.
The text was updated successfully, but these errors were encountered: