<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic LayerList Tab Order and WCAG in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/layerlist-tab-order-and-wcag/m-p/1701735#M88422</link>
    <description>&lt;P&gt;Working on WCAG guidelines for some public applications, and was surprised when I struggled to expand a Group Layer in the Layer List.&amp;nbsp; The behavior is consistent across browsers:&lt;/P&gt;&lt;P&gt;When tabbing through the Layer List, the tab order skips the group layer 'carat'.&amp;nbsp;&amp;nbsp;&lt;EM&gt;Even if there is another keyboard shortcut here&lt;/EM&gt;, it seems the intuitive "tab to carat, then enter-key to toggle group visibility" is missing.&lt;BR /&gt;&lt;BR /&gt;Everything else is accessible (even the dragEnabled buttons, and custom ActionButtons); see in a CodePen:&amp;nbsp;&lt;A href="https://codepen.io/Dane-Atkins/pen/ZYBpLEO?editors=1010" target="_blank" rel="noopener"&gt;LayerList Tab Order&lt;/A&gt;&lt;/P&gt;</description>
    <pubDate>Wed, 13 May 2026 12:01:37 GMT</pubDate>
    <dc:creator>D_Atkins</dc:creator>
    <dc:date>2026-05-13T12:01:37Z</dc:date>
    <item>
      <title>LayerList Tab Order and WCAG</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/layerlist-tab-order-and-wcag/m-p/1701735#M88422</link>
      <description>&lt;P&gt;Working on WCAG guidelines for some public applications, and was surprised when I struggled to expand a Group Layer in the Layer List.&amp;nbsp; The behavior is consistent across browsers:&lt;/P&gt;&lt;P&gt;When tabbing through the Layer List, the tab order skips the group layer 'carat'.&amp;nbsp;&amp;nbsp;&lt;EM&gt;Even if there is another keyboard shortcut here&lt;/EM&gt;, it seems the intuitive "tab to carat, then enter-key to toggle group visibility" is missing.&lt;BR /&gt;&lt;BR /&gt;Everything else is accessible (even the dragEnabled buttons, and custom ActionButtons); see in a CodePen:&amp;nbsp;&lt;A href="https://codepen.io/Dane-Atkins/pen/ZYBpLEO?editors=1010" target="_blank" rel="noopener"&gt;LayerList Tab Order&lt;/A&gt;&lt;/P&gt;</description>
      <pubDate>Wed, 13 May 2026 12:01:37 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/layerlist-tab-order-and-wcag/m-p/1701735#M88422</guid>
      <dc:creator>D_Atkins</dc:creator>
      <dc:date>2026-05-13T12:01:37Z</dc:date>
    </item>
    <item>
      <title>Re: LayerList Tab Order and WCAG</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/layerlist-tab-order-and-wcag/m-p/1701775#M88428</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.esri.com/t5/user/viewprofilepage/user-id/848899"&gt;@D_Atkins&lt;/a&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;The layer list is based on the calcite list which uses the&amp;nbsp;&lt;A href="https://www.w3.org/WAI/ARIA/apg/patterns/treegrid/" target="_self"&gt;Treegrid pattern&lt;/A&gt;&amp;nbsp;for keyboard navigation which is also described here in the calcite documentation:&amp;nbsp;&lt;A href="https://developers.arcgis.com/calcite-design-system/components/list/#keyboard-navigation" target="_blank" rel="noopener"&gt;https://developers.arcgis.com/calcite-design-system/components/list/#keyboard-navigation&lt;/A&gt;&lt;BR /&gt;&lt;BR /&gt;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.&lt;/P&gt;</description>
      <pubDate>Wed, 13 May 2026 14:30:40 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/layerlist-tab-order-and-wcag/m-p/1701775#M88428</guid>
      <dc:creator>Sage_Wall</dc:creator>
      <dc:date>2026-05-13T14:30:40Z</dc:date>
    </item>
  </channel>
</rss>

