Opened 4 months ago

Closed 2 months ago

Last modified 11 days ago

#36366 closed Cleanup/optimization (fixed)

Improving the accessibility of the pagination layout in the admin.

Reported by: Antoliny Owned by: Antoliny
Component: contrib.admin Version: 5.1
Severity: Normal Keywords: accessibility, screen reader, pagination
Cc: Eliana Rosselli, Thibaud Colas, Sarah Abderemane, Tom Carrick Triage Stage: Ready for checkin
Has patch: yes Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: no UI/UX: no

Description (last modified by Antoliny)

In the admin, when navigating to the pagination area using a screen reader, there is currently no description provided for the area. When focusing on a button, the screen reader only announces the button's innerHTML and its role.

e.g. "2, button"


This may not clearly communicate the purpose of the button to screen reader users, as the innerHTML and role alone can be ambiguous.

I believe accessibility could be improved by using aria-labelledby to provide a description when entering the pagination area, and by adding the aria-current attribute to indicate the current page when focusing on individual buttons. This would help screenreader users better understand the context and purpose of each button control.

Attachments (1)

resize_pagination_screenreader_example.png (71.2 KB ) - added by Antoliny 4 months ago.

Download all attachments as: .zip

Change History (15)

comment:1 by Antoliny, 4 months ago

Owner: set to Antoliny
Status: newassigned

comment:2 by Antoliny, 4 months ago

Description: modified (diff)

comment:3 by Sarah Boyce, 4 months ago

Cc: Eliana Rosselli Thibaud Colas Sarah Abderemane Tom Carrick added
Triage Stage: UnreviewedAccepted

comment:5 by Antoliny, 4 months ago

Has patch: set

comment:6 by Sarah Boyce, 2 months ago

Patch needs improvement: set

comment:7 by Antoliny, 2 months ago

Patch needs improvement: unset

comment:8 by Sarah Boyce, 2 months ago

Patch needs improvement: set

comment:9 by Antoliny, 2 months ago

Patch needs improvement: unset

comment:10 by Sarah Boyce, 2 months ago

Triage Stage: AcceptedReady for checkin

comment:11 by Sarah Boyce <42296566+sarahboyce@…>, 2 months ago

Resolution: fixed
Status: assignedclosed

In 3f59711:

Fixed #36366 -- Improved accessibility of pagination in the admin.

comment:12 by Sarah Boyce <42296566+sarahboyce@…>, 6 weeks ago

In d90bea1b:

Fixed #36516, Refs #36366 -- Fixed changelist footer layout with list_editable and list_filter.

Regression in 3f59711581bd22ebd0f13fb040b15b69c0eee21f.

comment:13 by Sarah Boyce <42296566+sarahboyce@…>, 12 days ago

In aae7836:

Refs #36366 -- Fixed page number layout in admin pagination on small screens.

Regression in 3f59711581bd22ebd0f13fb040b15b69c0eee21f.

comment:14 by Sarah Boyce <42296566+sarahboyce@…>, 11 days ago

In 0b2493a:

Fixed #36558, Refs #36366 -- Fixed the "show all" link hover styling in admin pagination.

Regression in 3f59711581bd22ebd0f13fb040b15b69c0eee21f.

Note: See TracTickets for help on using tickets.
Back to Top