#33726: Django admin needs a skip link
-------------------------------------+-------------------------------------
Reporter: Thibaud Colas | Owner: nobody
Type: New feature | Status: new
Component: contrib.admin | Version: dev
Severity: Normal | Resolution:
Keywords: accessibility, | Triage Stage:
keyboard, ux | Unreviewed
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:
> [https://www.a11yproject.com/posts/skip-nav-links/ Skip links] are a very
> common pattern to help keyboard go straight to a page’s main content.
> They aren’t technically a requirement to meet accessibility standards,
> but they’re recommended as nice-to-have way to help with issues such as
> those targeted by WCAG [https://www.w3.org/WAI/WCAG21/Understanding
> /bypass-blocks.html SC 2.4.1: Bypass Blocks].
>
> I think the Django admin should have a skip link on all of its pages, so
> keyboard users can bypass:
>
> - The header area
> - The sidebar
>
> Here is a simple example to illustrate the problem – it currently takes
> 32 tab stops to reach the page’s main content on my demo site:
>
> With a skip link, this is reduced to 2 tab stops (and one press of Enter
> to navigate):
New description:
[https://www.a11yproject.com/posts/skip-nav-links/ Skip links] are a very
common pattern to help keyboard go straight to a page’s main content. They
aren’t technically a requirement to meet accessibility standards, but
they’re recommended as nice-to-have way to help with issues such as those
targeted by WCAG [https://www.w3.org/WAI/WCAG21/Understanding/bypass-
blocks.html SC 2.4.1: Bypass Blocks].
I think the Django admin should have a skip link on all of its pages, so
keyboard users can bypass:
- The header area
- The sidebar
Here is a simple example to illustrate the problem – it currently takes 32
tab stops to reach the page’s main content on my demo site:
[[Image(https://code.djangoproject.com/raw-attachment/ticket/33726/32-tab-
stops.png)]]
With a skip link, this is reduced to 2 tab stops (and one press of Enter
to navigate):
[[Image(https://code.djangoproject.com/raw-attachment/ticket/33726/2-tab-
stops-one-enter.png)]]
--
--
Ticket URL: <https://code.djangoproject.com/ticket/33726#comment:1>
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/01070180de793774-d8b6e745-6778-4efc-bd88-49e108a4cdcb-000000%40eu-central-1.amazonses.com.
