You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The character count component contains a hint that announces how many characters are left. For screen readers, this announcement (since it has aria-live) can be disruptive as it announces immediately and doesn't wait for SR users to stop typing.
Start NVDA in Firefox. (Or use another screen reader.)
Start typing "test" in the input field
See that the screenreader needs to announce each character limit update. The output below:
Example output text from NVDA:
t
24 characters left
24 characters left This is an input with a character counter.
e
23 characters left
23 characters left This is an input with a character counter.
s
22 characters left
22 characters left This is an input with a character counter.
t
21 characters left
21 characters left This is an input with a character counter.
Expected behavior
Using the approach outlined in uswds/uswds#4976, we can use a 1 second delay so that the screen reader reads the update after the user is done typing.
ReactUSWDS Version & USWDS Version:
ReactUSWDS 5.1.1
Describe the bug
The character count component contains a hint that announces how many characters are left. For screen readers, this announcement (since it has
aria-live
) can be disruptive as it announces immediately and doesn't wait for SR users to stop typing.To Reproduce
Steps to reproduce the behavior:
Example output text from NVDA:
t
24 characters left
24 characters left This is an input with a character counter.
e
23 characters left
23 characters left This is an input with a character counter.
s
22 characters left
22 characters left This is an input with a character counter.
t
21 characters left
21 characters left This is an input with a character counter.
Expected behavior
Using the approach outlined in uswds/uswds#4976, we can use a 1 second delay so that the screen reader reads the update after the user is done typing.
Screenshots
Additional context
uswds/uswds#4976
Device and Browser Information (please complete the following information if describing a UI bug):
The text was updated successfully, but these errors were encountered: