List component accessibility issues - Githubissues

Altinn / app-frontend-react

Altinn application React frontend

BSD 3-Clause "New" or "Revised" License

18 stars 31 forks source link

List component accessibility issues #1850

Open Febakke opened 9 months ago

Febakke commented 9 months ago

Description of the bug

There are multiple issues with our list component

Users cant navigate the radiobuttons using the arrow-keys
No focus visible on radio buttons
Radiobuttons are not grouped. This will confuse users as screen readers will say radiobutton 1 of 1.
"rader per side" is not connected to the label.
Empty header cell above radio buttons
Screen reader of radio button values read out a stringified json object

[ ] Consider recreating this with designsystem components.

Steps To Reproduce

Go to an app with a list and run accessiblity tests

Additional Information

No response

Febakke commented 9 months ago

[ ] Add screenshots showing of the bugs @Febakke
[ ] Consider fixing excisting List or build new using designsystem components

olavflar commented 2 months ago

Related to; #2373