Skip to content

feat(pagination, button): enhance accessibility - #1768

Open
arina-gutuboe wants to merge 3 commits into
masterfrom
LIBS-855/pagination-accessibility-improvements
Open

arina-gutuboe wants to merge 3 commits into
masterfrom
LIBS-855/pagination-accessibility-improvements

Conversation

@arina-gutuboe

@arina-gutuboe arina-gutuboe commented Sep 24, 2026 •

Copy link
Copy Markdown
Contributor

Implements LIBS-855


Description

Pagination accessibility fixes:

  • Wrapped controls in <nav aria-label="Pagination">
  • Previous/Next buttons get aria-label ("Go to previous/next page")
  • Previous/Next use aria-disabled="true" instead of disabled, so they stay focusable
  • PageSummary ("Page X of Y...") now has aria-live="polite" — announces current page on change

Added aria-disabled support to Button to enable the above: keeps focus, blocks click via preventDefault, styles updated for all variants.


Known issues

  • Page size select label not exposed to screen readers. PageSizeSelect's prefix ("Items per page") renders as plain text inside SingleSelect's trigger, <div tabIndex="0"> with no role/aria-label/aria-labelledby.
    Requires a SingleSelect fix; tracked separately, out of scope here.

Checklist

  • API docs are generated
  • Tests were added
  • Storybook demos were added N/A

@dhis2-bot

Copy link
Copy Markdown
Contributor

🚀 Deployed on https://pr-1768--dhis2-ui.netlify.app

@dhis2-bot
dhis2-bot temporarily deployed to netlify September 24, 2026 07:28 Inactive
@sonarqubecloud

Copy link
Copy Markdown

@dhis2-bot
dhis2-bot temporarily deployed to netlify September 24, 2026 07:33 Inactive
@arina-gutuboe
arina-gutuboe marked this pull request as ready for review September 24, 2026 08:06
@arina-gutuboe
arina-gutuboe requested a review from a team as a code owner September 24, 2026 08:06

This branch was previously deployed

1 inactive deployment
netlify — 380e30cd Deployed Sep 24, 2026 by dhis2-bot
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.

2 participants