Skip to content

Latest commit

 

History

History
57 lines (42 loc) · 1.67 KB

File metadata and controls

57 lines (42 loc) · 1.67 KB

ember/template-require-aria-activedescendant-tabindex

💼 This rule is enabled in the following configs: strict-gjs, strict-gts.

Requires elements with aria-activedescendant to be tabbable (have tabindex attribute).

When using aria-activedescendant to manage focus within a composite widget, the element with this attribute must be focusable. This is achieved by adding a tabindex attribute.

Rule Details

This rule ensures that any element with the aria-activedescendant attribute also has a tabindex attribute, making it keyboard accessible.

Examples

Examples of incorrect code for this rule:

<template>
  <div aria-activedescendant="item-1">
    <div id="item-1">Item 1</div>
  </div>
</template>
<template>
  <ul aria-activedescendant="option-1">
    <li id="option-1">Option 1</li>
  </ul>
</template>

Examples of correct code for this rule:

<template>
  <div aria-activedescendant="item-1" tabindex="0">
    <div id="item-1">Item 1</div>
  </div>
</template>
<template>
  <ul aria-activedescendant="option-1" tabindex="-1">
    <li id="option-1">Option 1</li>
  </ul>
</template>

References