File Manager

Current Path: Root / node_modules/ eslint-plugin-jsx-a11y/ docs/ rules

Parent Directory

Name	Size	Last Modified
[F]accessible-emoji.md Edit	947 bytes	2022-10-08 17:28:32
[F]alt-text.md Edit	4.81 KB	2022-10-08 17:28:32
[F]anchor-has-content.md Edit	1.34 KB	2022-10-08 17:28:32
[F]anchor-is-valid.md Edit	10.68 KB	2022-10-08 17:28:32
[F]aria-activedescendant-has-tabindex.md Edit	1.91 KB	2022-10-08 17:28:32
[F]aria-props.md Edit	730 bytes	2022-10-08 17:28:32
[F]aria-proptypes.md Edit	683 bytes	2022-10-08 17:28:32
[F]aria-role.md Edit	1.82 KB	2022-10-08 17:28:32
[F]aria-unsupported-elements.md Edit	902 bytes	2022-10-08 17:28:32
[F]autocomplete-valid.md Edit	1.26 KB	2022-10-08 17:28:32
[F]click-events-have-key-events.md Edit	798 bytes	2022-10-08 17:28:32
[F]control-has-associated-label.md Edit	3.58 KB	2022-10-08 17:28:32
[F]heading-has-content.md Edit	1.41 KB	2022-10-08 17:28:32
[F]html-has-lang.md Edit	651 bytes	2022-10-08 17:28:32
[F]iframe-has-title.md Edit	749 bytes	2022-10-08 17:28:32
[F]img-redundant-alt.md Edit	1.70 KB	2022-10-08 17:28:32
[F]interactive-supports-focus.md Edit	5.99 KB	2022-10-08 17:28:32
[F]label-has-associated-control.md Edit	4.69 KB	2022-10-08 17:28:32
[F]label-has-for.md Edit	3.49 KB	2022-10-08 17:28:32
[F]lang.md Edit	659 bytes	2022-10-08 17:28:32
[F]media-has-caption.md Edit	1.90 KB	2022-10-08 17:28:32
[F]mouse-events-have-key-events.md Edit	1.02 KB	2022-10-08 17:28:32
[F]no-access-key.md Edit	755 bytes	2022-10-08 17:28:32
[F]no-autofocus.md Edit	937 bytes	2022-10-08 17:28:32
[F]no-distracting-elements.md Edit	1.33 KB	2022-10-08 17:28:32
[F]no-interactive-element-to-noninteractive-role.md Edit	2.65 KB	2022-10-08 17:28:32
[F]no-noninteractive-element-interactions.md Edit	5.44 KB	2022-10-08 17:28:32
[F]no-noninteractive-element-to-interactive-role.md Edit	2.53 KB	2022-10-08 17:28:32
[F]no-noninteractive-tabindex.md Edit	5.05 KB	2022-10-08 17:28:32
[F]no-onchange.md Edit	1.57 KB	2022-10-08 17:28:32
[F]no-redundant-roles.md Edit	1.11 KB	2022-10-08 17:28:32
[F]no-static-element-interactions.md Edit	4.16 KB	2022-10-08 17:28:32
[F]role-has-required-aria-props.md Edit	786 bytes	2022-10-08 17:28:32
[F]role-supports-aria-props.md Edit	1.48 KB	2022-10-08 17:28:32
[F]scope.md Edit	500 bytes	2022-10-08 17:28:32
[F]tabindex-no-positive.md Edit	709 bytes	2022-10-08 17:28:32

Editing: aria-activedescendant-has-tabindex.md

# aria-activedescendant-has-tabindex

`aria-activedescendant` is used to manage focus within a [composite widget](https://www.w3.org/TR/wai-aria/#composite).
The element with the attribute `aria-activedescendant` retains the active document
focus; it indicates which of its child elements has secondary focus by assigning
the ID of that element to the value of `aria-activedescendant`. This pattern is
used to build a widget like a search typeahead select list. The search input box
retains document focus so that the user can type in the input. If the down arrow
key is pressed and a search suggestion is highlighted, the ID of the suggestion
element will be applied as the value of `aria-activedescendant` on the input
element.

Because an element with `aria-activedescendant` must be tabbable, it must either
have an inherent `tabIndex` of zero or declare a `tabIndex` of zero with the `tabIndex`
attribute.

## Rule details

This rule takes no arguments.

### Succeed
```jsx
<CustomComponent />
<CustomComponent aria-activedescendant={someID} />
<CustomComponent aria-activedescendant={someID} tabIndex={0} />
<CustomComponent aria-activedescendant={someID} tabIndex={-1} />
<div />
<input />
<div tabIndex={0} />
<div aria-activedescendant={someID} tabIndex={0} />
<div aria-activedescendant={someID} tabIndex="0" />
<div aria-activedescendant={someID} tabIndex={1} />
<input aria-activedescendant={someID} />
<input aria-activedescendant={someID} tabIndex={0} />
```

### Fail
```jsx
<div aria-activedescendant={someID} />
<div aria-activedescendant={someID} tabIndex={-1} />
<div aria-activedescendant={someID} tabIndex="-1" />
<input aria-activedescendant={someID} tabIndex={-1} />
```

## Accessibility guidelines
General best practice (reference resources)

### Resources
- [MDN, Using the aria-activedescendant attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-activedescendant_attribute)

Cancel

File Explorer

Navigation

File Manager

Editing: aria-activedescendant-has-tabindex.md

File Explorer

Navigation

File Manager

Editing: aria-activedescendant-has-tabindex.md

Confirm Deletion

Rename Item

Change Permissions (Chmod)