Skip to content

Invisible digits are not hidden from screen readers #81

@dwoodwardgb

Description

@dwoodwardgb

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.

Screenshot 2023-04-14 at 4 33 54 PM

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions