no-disabled.md

no-disabled

Rule that disabled prop should be cautioned on elements. Disabling interactive elements removes the element from the accessibility tree. Consider using aria-disabled.

Rule details

Warns usage of disabled property.

Succeed

<div />
<div disabled />
<input />
<select />
<textarea />
<button />

Fail

<input disabled />
<input disabled="true" />
<input disabled="false" />
<input disabled={undefined} />

Accessibility guidelines

General best practice (reference resources)

Resources

• MDN aria-disabled
• W3 KBD Disabled Controls