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

[bnhowell]

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

• https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute

[bridgetburke]

aria-label="Search button" has been added to the search button.