Skip to content
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

[fix] Character counts announced excessively by screen readers #2880

Open
jaredcunha opened this issue Apr 12, 2024 · 0 comments
Open

[fix] Character counts announced excessively by screen readers #2880

jaredcunha opened this issue Apr 12, 2024 · 0 comments
Labels
a11y Relates to accessibility standards and practices type: bug Something isn't working like it's supposed to

Comments

@jaredcunha
Copy link

ReactUSWDS Version & USWDS Version:

Describe the bug

On pages using the CharacterCount, screen readers announce the character counts even when not interacting with the text area.

To Reproduce
Steps to reproduce the behavior:

  1. Turn on VoiceOver
  2. Go to https://trussworks.github.io/react-uswds/?path=/docs/components-charactercount--docs
  3. All the character counts are announced when the page loads
  4. Next, go to https://designsystem.digital.gov/components/character-count/
  5. When the page loads, the character counts are not announced, which is the correct behavior.

It could be possible that the live regions are announced so often is because of how javascript applications refresh content when the state updates. This isn't happening in USWDS source component because it is used on a static HTML page.

Expected behavior

Character counts should only be announced when interacting with the text area

Screenshots

Additional context

Device and Browser Information (please complete the following information if describing a UI bug):

@jaredcunha jaredcunha added the type: bug Something isn't working like it's supposed to label Apr 12, 2024
@werdnanoslen werdnanoslen added the a11y Relates to accessibility standards and practices label Apr 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Relates to accessibility standards and practices type: bug Something isn't working like it's supposed to
Projects
None yet
Development

No branches or pull requests

2 participants