-
Notifications
You must be signed in to change notification settings - Fork 11
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(Spinner): improve a11y #1274
Conversation
Accessibility report ℹ️ You can run this locally by executing |
Size stats
|
Deploy preview for mistica-web ready! ✅ Preview Built with commit 327311b. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
have you tried this in a page with multiple spinners?
@atabel yes, it seems fine :) |
# [16.4.0](v16.3.1...v16.4.0) (2024-11-04) ### Bug Fixes * **TextField:** adjust position of maxLength's screen reader label ([#1283](#1283)) ([fda424e](fda424e)) * **TextField:** avoid right helper text from wrapping, fix spacing and aria label for maxCount text when multiline is true ([#1272](#1272)) ([85fcb31](85fcb31)) * **useDisableBodyScroll:** avoid affecting body's height ([#1279](#1279)) ([b68f317](b68f317)) ### Features * **PhoneNumberFieldLite:** Phone number field with simple formatting to reduce bundle size ([#1276](#1276)) ([a141b97](a141b97)) * **Row:** allow aria-label in informative rows ([#1269](#1269)) ([65b5d42](65b5d42)) * **Rows, Cards, FeedbackScreen, FormFields, Buttons:** add test ids for components and their internal elements ([#1270](#1270)) ([fc63201](fc63201)) * **Spinner:** improve a11y ([#1274](#1274)) ([5267ad5](5267ad5)) * **Switch, RadioButton, Checkbox, ProgressBar, ProgressBarStepped, Slider:** create inverse variant ([#1277](#1277)) ([3129fb9](3129fb9))
🎉 This PR is included in version 16.4.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
role = "progressbar"
: I've found some examples online where spinner is represented as a indeterminate progress bar. For example, Material does this:aria-polite
: we don't need changes announcements to be assertive.aria-busy
: to express that content is being loaded: