-
Notifications
You must be signed in to change notification settings - Fork 29
Description
Description
When annotating form elements that should be non-interactive, the toolkit currently offers a disabled toggle. In practice, using the native disabled attribute removes the element from the accessibility tree, making it undiscoverable to assistive technology users. The preferred approach in most cases is to use aria-disabled="true" instead, which keeps the element discoverable while preventing interaction.
Requested change
When the disabled state is toggled on for a form element annotation, the annotation should communicate that aria-disabled is the recommended approach. This could look like:
- Replacing the simple "disabled: true" label with guidance text, such as: "This field should use
aria-disabledto maintain accessibility and discoverability" - Adding a flyout tip (similar to how Primer A11y Presets work) that appears when the toggle is enabled, explaining the rationale
Why
Using aria-disabled instead of disabled is a widely recommended practice. By surfacing this guidance directly in the annotation, we can help designers communicate the right implementation to developers without requiring specialized accessibility knowledge.