Details
-
Improvement
-
Status: Open
-
Major
-
Resolution: Unresolved
-
2.3.0
-
None
Description
Search Icon Not Labelled
Problem:
The search icon is rendered through the following JavaScript and HTML:
<a onclick="return guiV2link('operation=UiV2Main.searchSubmit',
);" href="#" >
<i class="fa fa-search"></i>
As a result, the NVDA screenreader announces this as "clickable" – not enough information to make it meaningful to a blind user.
Solution:
Adding the “aria-label” attribute to the “a” element above should provide a readable (and non-visible) text label to the icon:
<a onclick="return guiV2link('operation=UiV2Main.searchSubmit',
);" href="#" aria-label="search">