Investigate way to use aria-label attribute or another solution with search button element so Screenreader will read "search button" in mobile as well as desktop #335
Issue:
While testing with iOS VoiceOver we noticed that NVDA will read out "search button" for desktop but since there is no label attribute for "search" button on mobile (only a glyphicon) it only reads "button".
Success Criteria:
Investigate ways to use aria-label (mobile icon without visible text label), aria-labelledby (desktop icon+text label) attributes or some other means to provide the screenreader with label information to read, "search button" on both mobile and desktop.
Issue: While testing with iOS VoiceOver we noticed that NVDA will read out "search button" for desktop but since there is no label attribute for "search" button on mobile (only a glyphicon) it only reads "button".
Success Criteria:
Investigate ways to use aria-label (mobile icon without visible text label), aria-labelledby (desktop icon+text label) attributes or some other means to provide the screenreader with label information to read, "search button" on both mobile and desktop.
Implement best solution
Resources