Language Change PR-4.0-dev

Failure

User tests: Successful: Unsuccessful:

avatar brianteeman
brianteeman
3 Sep 2018

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

avatar brianteeman brianteeman - open - 3 Sep 2018
avatar brianteeman brianteeman - change - 3 Sep 2018
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 3 Sep 2018
Category Administration com_content Language & Strings Layout
a332cdb 3 Sep 2018 avatar brianteeman cs
avatar brianteeman brianteeman - change - 3 Sep 2018
Labels Added: Language Change PR-4.0-dev
9776b56 3 Sep 2018 avatar brianteeman cs
avatar brianteeman brianteeman - change - 3 Sep 2018
Title
com_content
[4.0] [a11y] proof of concept for admin tables
avatar brianteeman brianteeman - edited - 3 Sep 2018
avatar brianteeman
brianteeman - comment - 4 Sep 2018

Working on converting the columnheader sort to be a real button -

avatar joomla-cms-bot joomla-cms-bot - change - 4 Sep 2018
Category Administration com_content Language & Strings Layout Administration com_content Language & Strings Templates (admin) Layout
avatar brianteeman brianteeman - change - 4 Sep 2018
The description was changed
avatar brianteeman brianteeman - edited - 4 Sep 2018
50f5e81 4 Sep 2018 avatar brianteeman woof
avatar brianteeman
brianteeman - comment - 5 Sep 2018

Forgot to update the comment that it is now correctly a button

avatar brianteeman
brianteeman - comment - 6 Sep 2018

Forgot to add that this is inline with the new proposed template design by @coolcat-creations which calls for the addition of sort arrows

avatar brianteeman brianteeman - change - 8 Sep 2018
The description was changed
avatar brianteeman brianteeman - edited - 8 Sep 2018
avatar brianteeman
brianteeman - comment - 8 Sep 2018

Conflicts fixed

43c69ea 22 Sep 2018 avatar brianteeman zzz
avatar brianteeman brianteeman - change - 23 Sep 2018
The description was changed
avatar brianteeman brianteeman - edited - 23 Sep 2018
avatar brianteeman
brianteeman - comment - 25 Sep 2018

Something broke - the aria-sorted atribute is not being added correctly. Working on that today

avatar brianteeman
brianteeman - comment - 25 Sep 2018

Closed - obviously no one else is interested in improving the accessibility in joomla 4

avatar brianteeman brianteeman - change - 25 Sep 2018
Status Pending Closed
Closed_Date 0000-00-00 00:00:00 2018-09-25 18:26:20
Closed_By brianteeman
avatar brianteeman brianteeman - close - 25 Sep 2018

Add a Comment

Login with GitHub to post a comment