#33728: Tab order should match visual order for admin model forms’ submit
buttons
-------------------------------------+-------------------------------------
Reporter: Thibaud | Owner: nobody
Colas |
Type: Bug | Status: new
Component: | Version: dev
contrib.admin | Keywords: accessibility,
Severity: Normal | keyboard, ux
Triage Stage: | Has patch: 0
Unreviewed |
Needs documentation: 0 | Needs tests: 0
Patch needs improvement: 0 | Easy pickings: 0
UI/UX: 1 |
-------------------------------------+-------------------------------------
In the Django admin, in a model form, the tab order of the submit buttons
is different from the visual order. Here is a screenshot of the tab stops:
In LTR languages, focus should follow the reading order of the page, top-
to-bottom, left to right. Here, the correct focus order for those buttons
would be:
1. Save and add another
2. Save and continue editing
3. SAVE (not sure why this one is shouting)
We need to change the order of the buttons in the DOM so it matches the
visual order. Or if we do want the default button to be reached first,
then remove the styling that changes the visual order currently. I assume
this implementation was done intentionally, but it’s confusing for
keyboard users if focus moves counter to the expected sequential flow of
the elements.
--
Ticket URL: <https://code.djangoproject.com/ticket/33728>
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/01070180de906e09-456869c7-e40c-48d3-9a7f-c5867d10d1b3-000000%40eu-central-1.amazonses.com.
