topic Re: Keyboard Navigation in Experience Builder in ArcGIS Experience Builder Questions

Keyboard Navigation in Experience Builder

Treavon — Thu, 08 Feb 2024 15:10:53 GMT

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

Re: Keyboard Navigation in Experience Builder

FredericPoliart_EsriAU — Mon, 12 Feb 2024 08:24:34 GMT

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.

Re: Keyboard Navigation in Experience Builder

TonghuiMing — Mon, 04 Mar 2024 06:49:56 GMT

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.

Re: Keyboard Navigation in Experience Builder

TonghuiMing — Fri, 28 Feb 2025 08:02:52 GMT

Hi @Treavon

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.