Character Counter: a11y improvements
Issue: # 941
What I did
Added dynamic aria-live states based on feedback from Perkins.
Checklist
- [x] changeset has been added
- [x] New and existing unit tests pass locally with my changes
- [x] I have added tests that prove my fix is effective or that my feature works
How to test
Ensure that aria-live label is "off" until you reach 80% of text within the input, "live" after 80% is reached, and "assertive" when you're over 100%.
🦋 Changeset detected
Latest commit: 1dc1e792d5b4428186f74bfe6c5b48388182bd8c
The changes in this PR will be included in the next version bump.
Not sure what this means? Click here to learn what changesets are.
Click here if you're a maintainer who wants to add another changeset to this PR
🚀 Deployed on https://docs-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://storybook-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://docs-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://docs-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://storybook-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://storybook-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://docs-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://storybook-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://docs-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://storybook-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://docs-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://storybook-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://docs-preview-950--upbeat-sinoussi-f675aa.netlify.app
🚀 Deployed on https://storybook-preview-950--upbeat-sinoussi-f675aa.netlify.app