Focusable descendants in interactive elements (focusable-descendants)

Interactive elements must not have separately focusable children, such as elements with tabindex, href, or interactive roles.


Focusable input inside ARIA menuitemcheckbox role:

This <li> element uses role="menuitemcheckbox" and contains a focusable <input type="checkbox">. This results in an unintended second focus target within the same interactive component:


Note: Possible to detect automatically by checking if elements with ARIA widget roles contain native interactive elements like inputs, buttons, or links.

axe detected: 4.1.2  |  QualWeb detected: 4.1.2