Skip to content

Conversation

@vamsi2246
Copy link

This PR fixes issue #18170, which reported that the QTable pagination "Records per page" dropdown lacked an accessibility label.

The QSelect used for selecting the number of rows per page was missing an aria-label, causing screen readers to announce it incorrectly and failing WCAG accessibility requirements.

What was changed

Added the following property to the QSelect inside getPaginationDiv() in ui/src/components/table/QTable.js:

'aria-label': props.rowsPerPageLabel || $q.lang.table.recordsPerPage

This ensures:

  • If the user provides rowsPerPageLabel, it becomes the aria-label.
  • Otherwise it falls back to the default language string ($q.lang.table.recordsPerPage).

Impact

Testing

Tested locally in the Quasar dev environment and confirmed that the rendered HTML now includes:

<select aria-label="Records per page">

This resolves the accessibility issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant