Use `banner` landmark or `<header>` element for the admin header area
Related: #34833. The Django admin uses a <div id="header"></div> for its header area. Switching this to a <header> tag or adding a role="banner" attribute to the div would help screen reader users navigate the interface – they would have an easier time bypassing the whole area when going through the page sequentially, and would also be able to jump straight to the header from any point on the page.
Usage of the correct HTML header 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="banner".
---
See also recommendations to have all content in landmarks that this will help us address.
Change History
(10)
| Description: |
modified (diff)
|
| Triage Stage: |
Unreviewed → Accepted
|
| Type: |
New feature → Cleanup/optimization
|
| Description: |
modified (diff)
|
| Owner: |
changed from nobody to Sarah Abderemane
|
| Status: |
new → assigned
|
| Needs documentation: |
set
|
| Needs tests: |
set
|
| Needs documentation: |
unset
|
| Needs tests: |
unset
|
| Triage Stage: |
Accepted → Ready for checkin
|
| Resolution: |
→ fixed
|
| Status: |
assigned → closed
|
Please assign me this issue.