Opened 4 months ago

Last modified 4 months ago

#36511 closed Cleanup/optimization

Optimize accessibility of filters in django admin — at Version 1

Reported by: laurenherregodts Owned by:
Component: contrib.admin Version: 5.2
Severity: Normal Keywords: accessibility, filtering
Cc: Antoliny Triage Stage: Ready for checkin
Has patch: yes Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: no UI/UX: yes

Description (last modified by Thibaud Colas)

When using keyboard tabs to navigate a page in the django admin interface, the filter panel is only accessed as last part of the page. This means users will have to tab through entire tables. The issue was identified using ​AXE tab stops during accessibility testing.

I believe there are no changes to the styles needed, just move the template so the DOM order is more correct and filter panel is accessed earlier.

Change History (1)

comment:1 by Thibaud Colas, 4 months ago

Description: modified (diff)
Summary: Optimize accessibility of filters in django admin console → Optimize accessibility of filters in django admin
Triage Stage: Unreviewed → Accepted

Thank you @laurenherregodts, makes sense based on our testing.

Sample page: ​django static demo releases changelist. On this page, here are the numbers of tab stops as-is, with 4 items in the changelist, each with three fields

  • Worst case: 78
  • Skipping the sidebar: 43
  • Using "skip to main content": 41

The target would be for the number of tab stops to be the same regardless of the content of the table. Ideally:

  • 3 or 5 tab stops. Placing the filters after the "Add" button in object-tools, or after the search bar
  • Or worst case after the toplinks (number of tab stops dependent on number of top links)
Note: See TracTickets for help on using tickets.
Back to Top