#36460: Improve accessibility of column sort buttons on admin changelist page
-------------------------------------+-------------------------------------
Reporter: Antoliny | Owner: Antoliny
Type: | Status: assigned
Cleanup/optimization |
Component: contrib.admin | Version: 5.1
Severity: Normal | Resolution:
Keywords: accessibility, | Triage Stage:
column sort, changelist | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------------+-------------------------------------
Description changed by Antoliny:
Old description:
> The column sort functionality provided on the admin ChangeList page has
> much room for accessibility improvement.
>
> 1. When accessing a button that can be sorted but is not currently active
> for sorting
>
> [[Image(not_sorted_column_access.png)]]
>
> Currently, when accessing a button that can be sorted but sorting is not
> yet active, no description is provided. It should inform users that the
> field is sortable when they access the button.
>
> 2. The issue of the sort button being accessed before the field.
>
> When accessing a column with sorting applied, the sort button is
> currently focused before the column itself.
> This is likely because screen readers tend to focus on interactive
> elements first.
> I believe the element that is positioned above the sort button should be
> accessed first (and it may also need a description).
>
> 3. Cannot access the button to remove sorting.
>
> Screen reader users cannot access the button to remove sorting in the
> column sort feature (an element that appears on mouse hover). Naturally,
> the button to remove sorting should also be accessible.
>
> 4. Provide more detailed descriptions for the sort buttons.
>
> [[Image(sort_button_screen_reader.png)]]
>
> When the sort button is accessed, the title attribute is read, but the
> current description provided by the title is not sufficient for screen
> reader users to understand the sort direction of the button. (Visual
> users can understand it, but screen reader users cannot.)
> A more detailed description should be provided for screen reader users on
> the sort button.
New description:
The column sort functionality provided on the admin ChangeList page has
much room for accessibility improvement.
1. Insufficient description when accessing a button that can be sorted but
is not currently active for sorting.
[[Image(not_sorted_column_access.png)]]
Currently, when accessing a button that can be sorted but sorting is not
yet active, no description is provided. It should inform users that the
field is sortable when they access the button.
2. The issue of the sort button being accessed before the field.
When accessing a column with sorting applied, the sort button is currently
focused before the column itself.
This is likely because screen readers tend to focus on interactive
elements first.
I believe the element that is positioned above the sort button should be
accessed first (and it may also need a description).
3. Cannot access the button to remove sorting.
Screen reader users cannot access the button to remove sorting in the
column sort feature (an element that appears on mouse hover). Naturally,
the button to remove sorting should also be accessible.
4. Provide more detailed descriptions for the sort buttons.
[[Image(sort_button_screen_reader.png)]]
When the sort button is accessed, the title attribute is read, but the
current description provided by the title is not sufficient for screen
reader users to understand the sort direction of the button. (Visual users
can understand it, but screen reader users cannot.)
A more detailed description should be provided for screen reader users on
the sort button.
--
--
Ticket URL: <https://code.djangoproject.com/ticket/36460#comment:2>
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 django-updates+unsubscr...@googlegroups.com.
To view this discussion visit
https://groups.google.com/d/msgid/django-updates/010701976349d2ab-828a07e0-93ff-46b5-9acf-b7b2cb4998e2-000000%40eu-central-1.amazonses.com.
