#34832: Use `banner` landmark or `<header>` element for the admin header area
-------------------------------------+-------------------------------------
Reporter: Thibaud Colas | Owner: nobody
Type: | Status: new
Cleanup/optimization |
Component: contrib.admin | Version: 4.2
Severity: Normal | Resolution:
Keywords: accessibility, | Triage Stage: Accepted
screen reader, landmarks |
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-------------------------------------+-------------------------------------
Description changed by Thibaud Colas:
Old description:
> Related: [https://code.djangoproject.com/ticket/34833 #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"`.
New description:
Related: [https://code.djangoproject.com/ticket/34833 #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
[https://dequeuniversity.com/rules/axe/4.8/region?application=RuleDescription
recommendations to have all content in landmarks] that this will help us
address.
--
--
Ticket URL: <https://code.djangoproject.com/ticket/34832#comment:3>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/0107018a8d318e30-756b0f55-e4b3-432d-a266-dff760a1e19a-000000%40eu-central-1.amazonses.com.
