Select to view content in your preferred language

LayerList Tab Order and WCAG

105
1
yesterday
D_Atkins
Frequent Contributor

Working on WCAG guidelines for some public applications, and was surprised when I struggled to expand a Group Layer in the Layer List.  The behavior is consistent across browsers:

When tabbing through the Layer List, the tab order skips the group layer 'carat'.  Even if there is another keyboard shortcut here, it seems the intuitive "tab to carat, then enter-key to toggle group visibility" is missing.

Everything else is accessible (even the dragEnabled buttons, and custom ActionButtons); see in a CodePen: LayerList Tab Order

0 Kudos
1 Reply
Sage_Wall
Esri Regular Contributor

Hi @D_Atkins 

The layer list is based on the calcite list which uses the Treegrid pattern for keyboard navigation which is also described here in the calcite documentation: https://developers.arcgis.com/calcite-design-system/components/list/#keyboard-navigation

The chevron icons are there to provide a visual indication that the group is expanded or closed but cannot be focused on using the keyboard and are not used to expand or collapse the groups when using keyboard navigation.