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

[ChrisUnderwood]

Hello @DaveThompsonUK 

You could perhaps try asking the Esri Accessibility support team if they have any information about this.

https://www.esri.com/en-us/accessibility/overview

"In addition to our standard technical support channels, users can contact us via email at esriaccessibility@esri.com with questions or comments about any of our product accessibility features or levels of conformance to specific accessibility guidelines."

[KellyHutchins]

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;}