Making a character count component more accessible
Making a character count component more accessible
When unoptimized, live-updating character counts can be a nightmare for screen reader use. It's tough to type while being interrupted with seemingly endless character count announcements. By designing separate visual and screen reader experiences, we improved the character count component for all.
![Making a character count component more accessible](https://lemmy.world/pictrs/image/797b6d0a-008e-46e0-b67e-b6f66ead7c38.png?format=webp&thumbnail=256)
This case study explores how a team made a character counter more accessible for The UK Government. The character counter announced the number of characters too frequently. This could be distracting for a person using screen reading software trying to enter a response. The team broke down the roles of the character counter and created multiple accessible components. It now only announces the number of characters when it is relevant and unintrusive.