Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

Missing Labels for QTable Pagination Buttons #17148

Open
gmeben opened this issue Apr 27, 2024 · 0 comments
Open

Missing Labels for QTable Pagination Buttons #17148

gmeben opened this issue Apr 27, 2024 · 0 comments
Labels
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

@gmeben
Copy link
Contributor

gmeben commented Apr 27, 2024

What happened?

The pagination buttons that appear at the bottom of QTables do not have label attributes. This violates WCAG Success Criterion 4.1.2: Name, Role, Value (Level A).

Screenshot of axe DevTools for Chrome on a CodePen with a basic QTable. Two 'Buttons must have discernible text' issues are detected. One of the two pagination buttons is highlighted for this issue.

What did you expect to happen?

Pagination buttons should have a detectable label attribute of some kind like aria-label or title.

Reproduction URL

https://codepen.io/quadbaup/full/mdgoQWQ

How to reproduce?

  1. Visit the provided link to CodePen in Firefox 125
  2. Authenticate on CodePen
  3. Fork the linked CodePen
  4. In the forked CodePen, change the view to "Debug" mode
  5. Open Web Developer Tools
  6. Open the Accessibility tab
  7. Set the "Check for issues" dropdown to All Issues
  8. Note the button Role issues:

Text Labels and Names
Error
Interactive elements must be labeled.
Learn more

Flavour

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

Areas

Components (quasar)

Platforms/Browsers

Firefox

Quasar info output

No response

Relevant log output

No response

Additional context

No response

@gmeben gmeben added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Apr 27, 2024
@github-actions github-actions bot added area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite labels Apr 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
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
Development

No branches or pull requests

1 participant