[#21977] - [4.0] [a11y] proof of concept for admin tables
- Closed
- 25 Sep 2018
- Medium
- Build: 4.0-dev
- # 21977
- Diff
- brianteeman:accessible-tablle
- Failure continuous-integration/appveyor/pr AppVeyor was unable to build non-mergeable pull request Details
- Success Hound No violations found. Woof! Details
- Failure continuous-integration/drone/pr the build failed Details
User tests: Successful: Unsuccessful:
This is a proof of concept so that the a11y team can check it and so that hopefully a better developer can improve the js and php
ONLY com_content?view=articles for testing
Part 1.
Silly popover that says you can click to sort is replaced by the standard arrows
aria-sorted added to show current sort status ascending|descending|none to assisted technology
Part 2.
All tables should have a caption
A caption is added that describes the table and the current sort
eg Table of articles , sorted by author descending
This has an aria-live attribute which we don't actually need as the page is always reloaded on sort but if we ever switch to an ajax sort it will be needed so that whenever the sorting is changed the caption is updated and announced to screenreaders
Part 3.
The sort element has been changed from an <a to a semantically correct button
Testing
If not using npm -i this can still be tested but the sort buttons will not be styled
TODO
Move the scripts to searchtools.js
Convert one script from jquery to es6 - help appreciated
Add caption (and language string) for each table
B/C
The majority of the changes are in an updated searchtools layout and (eventually) an updated searchtools.js
So the only change a developer needs to do to take advantage of this increased accessibility is to add the caption to the list and an appropriate language string
| Status | New | ⇒ | Pending |
joomla-cms-bot
- | Category | ⇒ | Administration com_content Language & Strings Layout |
| Labels |
Added:
?
?
|
||
| Title |
|
||||||
| Category | Administration com_content Language & Strings Layout | ⇒ | Administration com_content Language & Strings Templates (admin) Layout |
Forgot to update the comment that it is now correctly a button
Forgot to add that this is inline with the new proposed template design by @coolcat-creations which calls for the addition of sort arrows
Conflicts fixed
Something broke - the aria-sorted atribute is not being added correctly. Working on that today
Closed - obviously no one else is interested in improving the accessibility in joomla 4
| Status | Pending | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2018-09-25 18:26:20 |
| Closed_By | ⇒ | brianteeman |
Working on converting the columnheader sort to be a real button -