Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

A11y - QList does not have role="list" while QItem does have role="listitem" #17439

Labels
area/a11y Accessibility area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues

Comments

@Evertvdw
Copy link
Contributor

What happened?

The QList does not have an associated role="list" attribute, while the child items do have role="listitem". This can be added manually but the role="listitem" on QItem is hardcoded and cannot be removed so the default behavior now is not consistent with A11y guidelines.

What did you expect to happen?

QList should have the correct role

Reproduction URL

https://codepen.io/Mett-codepens/pen/PorEaeR?editors=101

How to reproduce?

Inspect the list and see there is no role="list".

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar), Accessibility [a11y] (quasar)

Platforms/Browsers

Firefox, Chrome, Safari, Microsoft Edge, iOS, Android, Electron

Quasar info output

No response

Relevant log output

No response

Additional context

No response

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
area/a11y Accessibility area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues
Projects
None yet
1 participant