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

Decimal values (frequency, power) in radio list with "zero" in screen readers #108

Closed
TomaszGasior opened this issue May 26, 2020 · 0 comments
Assignees
Labels
bug Something isn't working

Comments

@TomaszGasior
Copy link
Owner

Decimal values in the radio list like frequency and power are read by screen readers with unwanted "zeros" at the beginning.

This is caused by current implementation of number indent feature which is used to make these values more readable. Current implementation adds invisible zeros to the value to make proper alignment. This feature does not make any sense for screen reader users and currently makes their experience worse.

I would like to refactor current code to make a1yy better while keeping this feature working. There are two ways to solve this problem:

  • Use padding with ch unit (zero width) instead of transparent zeros.
  • Wrap decimal values into inline-block container with with of the longest value and with text-align: right.

#15

@TomaszGasior TomaszGasior added the bug Something isn't working label May 26, 2020
@TomaszGasior TomaszGasior self-assigned this May 26, 2020
@TomaszGasior TomaszGasior pinned this issue May 28, 2020
@TomaszGasior TomaszGasior unpinned this issue May 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant