Select to view content in your preferred language

Keyboard Navigation in Experience Builder

479
2
02-08-2024 07:10 AM
Labels (1)
Treavon
Regular Contributor

I am testing some web apps for accessibility and have questions related to navigating with keyboard only input:

Is there a way to adjust the color of the focus given to elements?

Is there a way to do adjust this in the out of the box ArcGIS Online version of ExB?

Is there a work around without making custom code on prem?

The focus state is working for all components but there is no visual identifier for the focus states in the map widget's internal tools (zoom, basemap, measure, etc.).

0 Kudos
2 Replies
FredericPoliart_EsriAU
Frequent Contributor

Check the Themes Colours (click Customize) 

FredericPoliart_EsriAU_0-1707726047059.png

For a (WCAG) 2.1 compliance, make sure your widgets are cascaded in a logical order (top to bottom & left to right).  You can move them up/down in your widget list.   

To specify a unique "focus" colour for your widget outline (when you "tab" to it), you may need to investigate the config.json file (in ExB Dev Edition) . For AGOL-only it is not possible to modify. 

The Search widget is particularly bad for this.   

0 Kudos
TonghuiMing
Esri Regular Contributor

For the OOTB feature, there is no way to configure the focus ring style yet, unfortunately. We are evaluating the enhancement possible. Thanks for bringing it up.

0 Kudos