react-reel
react-reel copied to clipboard
Invisible digits are not hidden from screen readers
This makes webpages using react reel virtually unusable by screen reader users because they have to navigate through all 9 hidden digits for each column of text output by react-reel. For numbers that are 2 or more digits large, this means dozens of times to press the arrow key just to see what comes next on the webpage. If you look at the screenshot, you can see that the area of the digits is larger because it includes all 10 digits.
I'm going to play around with it but something as simple as putting role="presentation"
on all react-reel__group
divs and their descendants should be enough. That way the parent's aria-label
is read and nothing else.
I tested this on an M1 Macbook Pro running Ventura 13.3.1, with Firefox 112.0.
