quasar: QSelect input now fails WCAG 2.0 A standards
Describe the bug The changes introduced by #9983 cause QSelects to actively fail WCAG 2.0 A checks in axe-core now. Admittedly, the change is more accessible, but now fails standards checks whereas before it was less accessible but passed the check. š
The specific violations:
- Ensures ARIA attributes are allowed for an elementās role: ARIA attribute is not allowed: aria-multiselectable=āfalseā
- Likely Remedy:
aria-multiselectable
belongs on the element withrole="listbox"
- Likely Remedy:
- aria-labelledby or aria-label attribute does not exist, references elements that do not exist or references elements that are empty
- Likely Remedy: Should add
aria-label
similar to how QInput behaves.
- Likely Remedy: Should add
- Invalid ARIA attribute value: aria-activedescendant=āf_a1004b26-2180-4fad-8186-a3b48c387fe1_-1ā
- Likely Remedy:
aria-activedescendant
must be a descendant of the element or in thearia-owns
comma-separated list. The current implementation puts the element withrole="listbox"
in thearia-owns
attr rather than the individual elements that haverole="option"
. Use comma-separated list ofrole="option"
items in thearia-owns
attribute. (This one is silly, the implementation here is cleaner, but this is what the spec says)
- Likely Remedy:
Codepen/jsFiddle/Codesandbox (required) Codepen doesnāt really describe the problem. The described violations occur when running Axe devtools on quasar.dev.
Expected behavior No accessibility violations.
Platform (please complete the following information): Quasar Version: 1.15.23
About this issue
- Original URL
- State: closed
- Created 3 years ago
- Reactions: 1
- Comments: 18 (7 by maintainers)
Commits related to this issue
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- fix(QSelect): WCAG 2.0 compatibility #10127 — committed to quasarframework/quasar by rstoenescu 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
- feat(QSelect): more improvements for a11y #10127 #10127 — committed to pdanpdan/quasar by pdanpdan 3 years ago
Wow, very nice report. Let me digest it over the weekend and Iāll be back with news. Thank you.
Try āquasarā: āhttps://github.com/pdanpdan/quasar#quasar-pdan-v1.15.23-beta.3ā