Opened 13 months ago

Last modified 13 months ago

#34833 closed Cleanup/optimization

Use a `main` landmark in the admin interface — at Version 3

Reported by: Thibaud Colas Owned by: nobody
Component: contrib.admin Version: 4.2
Severity: Normal Keywords: accessibility, screen reader, landmarks
Cc: Triage Stage: Ready for checkin
Has patch: yes Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: yes UI/UX: no

Description (last modified by Thibaud Colas)

Related: #34832. Currently the Django admin’s main content area is coded as <div class="main shifted" id="main"></div>. For screen reader users, it would be helpful to switch to a <main> tag or add role="main". They would be able to navigate straight to this area when going through the page by landmark.

Usage of the correct HTML main tag is ideal, but might prove problematic if CSS was written with overly specific HTML elements. We can get the same benefits for screen reader users with role="main".

---

See recommendation from Axe on the importance of having a main landmark.

Change History (3)

comment:1 by Mariusz Felisiak, 13 months ago

Component: Uncategorizedcontrib.admin
Triage Stage: UnreviewedAccepted
Type: UncategorizedCleanup/optimization

comment:2 by Mariusz Felisiak, 13 months ago

Easy pickings: set

comment:3 by Thibaud Colas, 13 months ago

Description: modified (diff)
Keywords: accessibility screen reader landmarks added
Note: See TracTickets for help on using tickets.
Back to Top