Skip to content
Critiq Docs

Search docs

Search documentation pages and rules

correctness.ui

Make aria-activedescendant hosts keyboard focusable

Elements that manage active descendants must participate in the tab order or be native controls that already receive focus.

#Metadata

Rule ID
ts.react.no-activedescendant-on-non-focusable-host
Severity
high
Confidence
0.8
Languages
javascript, typescript
Presets
strict
Stability
experimental
Applies to
function
Tags
accessibility, react, rules-catalog, ui

#Why it matters

Screen readers and keyboard users cannot follow listbox and combobox patterns when the controlling node never becomes focused.

#Remediation

Use a native input or button where possible, or add `tabIndex={0}` on the owning element while preserving roving tabindex semantics for options.

#Repository path

The generated metadata points to critiq-rules/libs/rules/catalog/rules/typescript/ts.react.no-activedescendant-on-non-focusable-host.rule.yaml.