Accessibility query - Search tool

DaveThompsonUK

We have been asked if it is possible to amend the 'Search' icon in Instant Apps for Accessibility purposes. For example in the application I am trying to build we have a locator returning addresses. The interface includes a 'Magnifying Glass' icon to initiate the search. Was wondering if an option could be added to choose various icons please?

One customer has suggested that a 'Go' icon would be clearer for example when screen readers are in use. Thanks

khutchins

Currently if you use a screen reader to interact with the search the screen reader will read out the associated label for the button which is "Search". So from an accessibility perspective it is letting users know that a search will be initiated when they press the button. 

That said if you want to switch the display to read Go you can if the app supports custom CSS although screen readers will not read out the value "Go" so it may be more confusing for users. 

If you want to change the button you can add this content to the custom css during the app configuration then save your app. 

 

button.esri-search__submit-button.esri-widget--button::before {
content: "GO";
}

.esri-icon-search{
display:none;}