-
Type:
Improvement
-
Resolution: Unresolved
-
Priority:
Major
-
None
-
Affects Version/s: 2.3.0
-
Component/s: UI
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">