Bug 28243

Summary: Accessibility: Staff interface - add captions to tables
Product: Koha Reporter: wainuiwitikapark
Component: AccessibilityAssignee: wainuiwitikapark
Status: Patch doesn't apply --- QA Contact: Testopia <testopia>
Severity: enhancement    
Priority: P5 - low CC: bolshawh, claire.hernandez, gmcharlt, martin.renvoize, matt.blenkinsop, oleonard
Version: unspecifiedKeywords: accessibility
Hardware: All   
OS: All   
Change sponsored?: --- Patch complexity: ---
Documentation contact: Documentation submission:
Text to go in the release notes:
Version(s) released in:
Bug Depends on: 27741, 27877, 27631    
Bug Blocks: 28532    
Attachments: Bug 28243: acqui folder
Bug 28243: admin folder
Bug 28243: authorities folder
Bug 28243: basket folder
Bug 28243: catalogue folder
Bug 28243: cataloguing folder
Bug 28243: circ folder
Bug 28243: clubs folder
Bug 28243: common folder
Bug 28243: course_reserves folder
Bug 28243: labels folder
Bug 28243: course_reserves folder
Bug 28243: labels folder
Bug 28243: members folder
Bug 28243: offline_circ folder
Bug 28243: patroncards folder
Bug 28243: patron_lists folder
Bug 28243: plugins folder
Bug 28243: pos folder
Bug 28243: reports folder
Bug 28243: reserve folder
Bug 28243: reviews folder
Bug 28243: rotating_collections folder
Bug 28243: serials folder
Bug 28243: suggestion folder
Bug 28243: tags folder
Bug 28243: tools folder
Bug 28243: virtualshelves folder
Bug 28243: about.tt

Description wainuiwitikapark 2021-04-28 04:22:11 UTC
Many of the tables, forms and other elements do not have a caption, legend or label. This is not accessible and makes it hard for navigation when using a screen-reader. However, adding these things to elements can create redundancy and appear unnecessary.

Therefore, it would be beneficial for these captions/legends/labels to be in the class "sr-only" so that they are not visible, they are just available for those who use screen readers.
Comment 1 wainuiwitikapark 2021-06-09 03:51:15 UTC
Starting work on this now...
Comment 2 wainuiwitikapark 2021-06-09 08:53:37 UTC
Changing this bug to only deal with captions and tables.

Bug 28532 has been made to deal with legends and forms.
Comment 3 wainuiwitikapark 2021-06-10 00:23:13 UTC
Created attachment 121750 [details] [review]
Bug 28243: acqui folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to Acquisitions
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 4 wainuiwitikapark 2021-06-13 05:02:46 UTC
Created attachment 121895 [details] [review]
Bug 28243: admin folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to Koha Administration
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless
    they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 5 wainuiwitikapark 2021-06-13 05:12:23 UTC
Created attachment 121896 [details] [review]
Bug 28243: authorities folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to Authorities
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 6 wainuiwitikapark 2021-06-13 23:20:18 UTC
Created attachment 121898 [details] [review]
Bug 28243: basket folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to basket
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 7 wainuiwitikapark 2021-06-14 00:26:27 UTC
Created attachment 121899 [details] [review]
Bug 28243: catalogue folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to catalogue
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless
    they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 8 wainuiwitikapark 2021-06-14 02:07:48 UTC
Created attachment 121900 [details] [review]
Bug 28243: cataloguing folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to cataloguing
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 9 wainuiwitikapark 2021-06-14 02:56:36 UTC
Created attachment 121901 [details] [review]
Bug 28243: circ folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to Circulation
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 10 wainuiwitikapark 2021-06-14 03:03:49 UTC
Created attachment 121902 [details] [review]
Bug 28243: clubs folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to clubs
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 11 wainuiwitikapark 2021-06-14 06:28:06 UTC
Created attachment 121903 [details] [review]
Bug 28243: common folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to the common/patron_search page
4) Check that the page has a table
5) Check that the table has a caption to describe it and that it is hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 12 wainuiwitikapark 2021-06-14 06:37:20 UTC
Created attachment 121904 [details] [review]
Bug 28243: course_reserves folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to course_reserves
4) Check that the page has a table
5) Check that the table has a caption to describe it and that it is
hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 13 wainuiwitikapark 2021-06-14 06:47:46 UTC
Created attachment 121905 [details] [review]
Bug 28243: labels folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to labels
4) Check that the page has a table
5) Check that the table has a caption to describe it and that it is
hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 14 wainuiwitikapark 2021-06-15 02:02:56 UTC
Created attachment 121942 [details] [review]
Bug 28243: course_reserves folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to course_reserves
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless
    they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 15 wainuiwitikapark 2021-06-15 02:05:15 UTC
Created attachment 121943 [details] [review]
Bug 28243: labels folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to labels
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless
        they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 16 wainuiwitikapark 2021-06-15 02:11:49 UTC
Created attachment 121944 [details] [review]
Bug 28243: members folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to members (Patrons module)
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 17 wainuiwitikapark 2021-06-15 02:22:12 UTC
Created attachment 121945 [details] [review]
Bug 28243: offline_circ folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to the offline_circ/list page
4) Check that the page has a table
5) Check that the table has a caption to describe it and that it is hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 18 wainuiwitikapark 2021-06-15 02:39:45 UTC
Created attachment 121946 [details] [review]
Bug 28243: patroncards folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to patroncards
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 19 wainuiwitikapark 2021-06-15 02:49:55 UTC
Created attachment 121947 [details] [review]
Bug 28243: patron_lists folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to patron_lists
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless
    they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 20 wainuiwitikapark 2021-06-15 02:54:32 UTC
Created attachment 121948 [details] [review]
Bug 28243: plugins folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to the plugins/plugins-home page
4) Check that the page has a table
5) Check that the table has a caption to describe it and that it is
hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 21 wainuiwitikapark 2021-06-15 03:42:51 UTC
Created attachment 121949 [details] [review]
Bug 28243: pos folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to pos
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 22 wainuiwitikapark 2021-06-15 05:49:56 UTC
Created attachment 121950 [details] [review]
Bug 28243: reports folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still
present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to reports
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 23 wainuiwitikapark 2021-06-15 06:04:19 UTC
Created attachment 121956 [details] [review]
Bug 28243: reserve folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to the reserve/request page
4) Check that the page has tables
5) Check that the tables have captions to describe them and that they are hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 24 wainuiwitikapark 2021-06-15 06:08:56 UTC
Created attachment 121957 [details] [review]
Bug 28243: reviews folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to the reviews/reviewswaiting page
4) Check that the page has a table
5) Check that the table has a caption to describe it and that it is hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 25 wainuiwitikapark 2021-06-15 06:37:02 UTC
Created attachment 121958 [details] [review]
Bug 28243: rotating_collections folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to rotating_collections
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 26 wainuiwitikapark 2021-06-15 07:21:54 UTC
Created attachment 121959 [details] [review]
Bug 28243: serials folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to serials
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 27 wainuiwitikapark 2021-06-15 07:36:45 UTC
Created attachment 121973 [details] [review]
Bug 28243: suggestion folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to the suggestion/suggestion page
4) Check that the page has tables
5) Check that the tables have captions to describe them and that they are hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 28 wainuiwitikapark 2021-06-15 07:41:56 UTC
Created attachment 121974 [details] [review]
Bug 28243: tags folder

Added captions to tables for accessibility purposes, some of these include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to tags
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 29 wainuiwitikapark 2021-06-16 03:38:05 UTC
Created attachment 122019 [details] [review]
Bug 28243: tools folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to tools
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 30 wainuiwitikapark 2021-06-16 03:47:30 UTC
Created attachment 122020 [details] [review]
Bug 28243: virtualshelves folder

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to the virtualshelves/shelves page
4) Check that the page has tables
5) Check that the tables have captions to describe them and that they
are hidden with "sr-only"

Sponsored-by: Catalyst IT
Comment 31 wainuiwitikapark 2021-06-16 03:54:25 UTC
Created attachment 122021 [details] [review]
Bug 28243: about.tt

Added captions to tables for accessibility purposes, some of these
include class="sr-only" so that they are not visible, but they are still present for those who use screen-readers.

To test:
1) Apply patch and dependencies
2) Go to Staff Client
3) Go to About Koha
4) Go to each of the pages/files and check if they have tables
5) Check that each of the tables have captions to describe them (unless they have special heading tags instead) - some of these will be
visible on the page and some will be hidden with "sr-only"

Sponsored-by: Catalyst IT