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 child inside native <button> element:

This native <button> element contains a focusable child with tabindex="0", resulting in an unexpected second focus stop within the same control:


Note: Possible to detect automatically by checking for tabindex="0" or focusable roles within children of native interactive elements such as <button>, <a>, or <input>.

axe detected: 4.1.2  |  QualWeb detected: 4.1.2