[#22404] - [4.0] Sortable Table [a11y]
- Fixed in Code Base
- 27 Sep 2018
- Medium
- Build: 4.0-dev
- # 22404
- Diff
- brianteeman:accessible-tablle
User tests: Successful: Unsuccessful:
Summary of Changes
The useless tooltip has been removed that said "select to sort by this column" on every column
Table caption has been added that includes stating how the table is sorted (screenreader only)
Sort arrows/indicators have been added with meaningful text eg "Sort by title" (screenreader only)
The sort arrows are after the column title to frontload the column name (important for screenreader)
Currently the arrows are font-awesome icons but could be changed to svg if required
aria-sorted attribute added to the TH of the currently sorted column (important for screenreader)
Testing Instructions
This will require a npm install as there are changes to css and js
Notes
The js added to searchtools.js is working but I would appreciate a check by a js expert
The code and implementation has been reviewed by external accessibility experts
| Status | New | ⇒ | Pending |
joomla-cms-bot
- | Category | ⇒ | Administration com_associations com_banners com_cache com_categories com_checkin com_contact com_content com_csp com_fields com_finder com_installer com_languages |
| Labels |
Added:
?
|
||
| Status | Pending | ⇒ | Fixed in Code Base |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2018-09-27 20:01:33 |
| Closed_By | ⇒ | wilsonge |
Looks good to me on review. Thanks!
Thanks - took a lot to work out the a11y rules for it
thanks for helping fix the js @wilsonge