Skip to content

Commit

Permalink
Update button.mdx (#885)
Browse files Browse the repository at this point in the history
  • Loading branch information
talum authored Oct 28, 2024
1 parent 8c228a4 commit f9933e3
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion content/components/button.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -503,7 +503,7 @@ Read more about [descriptive buttons](/guides/accessibility/descriptive-buttons)

When implementing a "loading" button state, don't remove the button from the DOM or pass the `disabled` attribute. Doing so would make it impossible to tab to the button. If the button was just focused and activated, it would reset focus. Resetting focus would disrupt the keyboard navigation flow, and creates a confusing experience for assistive technologies such as screen readers.

Once the button is activated (and is in a loading state), it get the attribute `aria-disabled="true"`.
Once the button is activated (and is in a loading state), it should get the attribute `aria-disabled="true"`.

A separate, visually hidden element should be rendered outside of the `<button>` with a message to communicate the loading status. For example, "Saving profile".

Expand Down

0 comments on commit f9933e3

Please sign in to comment.