Keyboard Navigation in Experience Builder

Question

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.).

TonghuiMing · Answer

Hi @TreavonClark

There is a new "Focus indicator" option provided in the latest Feb 2025 AGOL to allow customization:

Default behavior (if unchanged): it inherits from the primary color, but with a slightly darker shade; once you change the color, it can be fully customized. You can use the "Reset" button to reset to the default behavior.

TonghuiMing · Answer

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.

FredericPoliart_EsriAU · Answer

Check the Themes Colours (click Customize)

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.