The search button used for front-end form data display fails to meet the accessibility requirement "Ensures buttons have discernible text."
Scanning a page with the Deque axe-tools browser plugin shows the following result:
Issue Description
Ensures buttons have discernible text
Element location
button[type="submit"]
Element source
<button type="submit" class="btn hasTooltip" title="" data-original-title="Search"> <span class="visicon-search"></span> </button>
To solve this violation, you need to...
Fix at least one (1) of these issues:
Element does not have inner text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element's default semantics were not overridden with role="none" or role="presentation"
Element has an empty title attribute
This could be fixed by adding a value to the "title" attribute for the button. For example, change:
<button type="submit" class="btn hasTooltip" title="" data-original-title="Search">
<span class="visicon-search"></span>
</button>
to
<button type="submit" class="btn hasTooltip" title="search" data-original-title="Search">
<span class="visicon-search"></span>
</button>
Can this be addressed in a future version of Visforms?