Bug 29126

Summary: Accessibility: More corrections to contrast in the OPAC
Product: Koha Reporter: Owen Leonard <oleonard>
Component: OPACAssignee: Owen Leonard <oleonard>
Status: CLOSED FIXED QA Contact: Testopia <testopia>
Severity: minor    
Priority: P5 - low CC: bolshawh, jeremy.breuillard, kyle, martin.renvoize, testopia
Version: MainKeywords: accessibility
Hardware: All   
OS: All   
Change sponsored?: --- Patch complexity: Trivial patch
Documentation contact: Documentation submission:
Text to go in the release notes:
Version(s) released in:
21.11.00
Circulation function:
Bug Depends on:    
Bug Blocks: 28188    
Attachments: Bug 29126: Accessibility: More corrections to contrast in the OPAC
Bug 29126: Accessibility: More corrections to contrast in the OPAC
Bug 29126: Accessibility: More corrections to contrast in the OPAC
White on grey suspend links in holds list
Bug 29126: (follow-up) Correct color of btn-link class in striped tables
Bug 29126: Accessibility: More corrections to contrast in the OPAC
Bug 29126: (follow-up) Correct color of btn-link class in striped tables

Description Owen Leonard 2021-09-27 16:00:03 UTC
I've done some more checking for contrast problems in the OPAC and will submit a patch with various corrections.
Comment 1 Owen Leonard 2021-09-27 16:24:41 UTC Comment hidden (obsolete)
Comment 2 Jérémy Breuillard 2021-10-11 08:48:16 UTC
Patch applied and changes checked
Comment 3 Julian Maurice 2021-10-12 07:51:26 UTC Comment hidden (obsolete)
Comment 4 Jérémy Breuillard 2021-10-12 08:08:55 UTC
Created attachment 126054 [details] [review]
Bug 29126: Accessibility: More corrections to contrast in the OPAC

This patch makes a few more corrections to OPAC CSS in order to avoid
having elements which lack sufficient contrast, in particular parts of
the interface where a standard-colored link appears on a darker
background.

To test, apply the patch and rebuild the OPAC CSS
(https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client)

Check the following pages/areas:

- Breadcrumbs navigation
- Datatables buttons (on the "Your summary" page)
- Bibliographic view tabs (Normal/MARC/ISBD) on the bibliographic detail
  pages.
- "Action" menu on the bibliographic detail pages: Place hold, print,
  etc.
- Links inside "striped" tables: Links on the alternate grey background
  are darker to increase contrast.
- Sidebar links on user pages: Your summary, your charges, etc.
- Tag cloud: Approved tags in the weighted list.

Signed-off-by: Jérémy Breuillard <jeremy.breuillard@biblibre.com>
Comment 5 Katrin Fischer 2021-10-19 22:06:40 UTC
Created attachment 126555 [details]
White on grey suspend links in holds list
Comment 6 Katrin Fischer 2021-10-19 22:07:48 UTC
Hi Owen, something is not quite right on My summary > holds in the OPAC, see screenshot. I ran the yarn build --view opac and restart_all.
Comment 7 Owen Leonard 2021-10-21 11:19:23 UTC
Created attachment 126661 [details] [review]
Bug 29126: (follow-up) Correct color of btn-link class in striped tables
Comment 8 Katrin Fischer 2021-10-24 12:02:19 UTC
The previous issue has went away, thx for the follow-up!

I notice that we are now using 2 different "blues" for lighter and darker background.

Example:
http://localhost:8080/cgi-bin/koha/opac-readingrecord.pl

* Links in the tabbed navigation on the left (#006394)
* Table export options etc. on top of the table or "titles" in the table on dark background(#005580)
Comment 9 Katrin Fischer 2021-10-24 12:04:13 UTC
Created attachment 126808 [details] [review]
Bug 29126: Accessibility: More corrections to contrast in the OPAC

This patch makes a few more corrections to OPAC CSS in order to avoid
having elements which lack sufficient contrast, in particular parts of
the interface where a standard-colored link appears on a darker
background.

To test, apply the patch and rebuild the OPAC CSS
(https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client)

Check the following pages/areas:

- Breadcrumbs navigation
- Datatables buttons (on the "Your summary" page)
- Bibliographic view tabs (Normal/MARC/ISBD) on the bibliographic detail
  pages.
- "Action" menu on the bibliographic detail pages: Place hold, print,
  etc.
- Links inside "striped" tables: Links on the alternate grey background
  are darker to increase contrast.
- Sidebar links on user pages: Your summary, your charges, etc.
- Tag cloud: Approved tags in the weighted list.

Signed-off-by: Jérémy Breuillard <jeremy.breuillard@biblibre.com>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Comment 10 Katrin Fischer 2021-10-24 12:04:17 UTC
Created attachment 126809 [details] [review]
Bug 29126: (follow-up) Correct color of btn-link class in striped tables

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Comment 11 Jonathan Druart 2021-10-25 13:58:40 UTC
Pushed to master for 21.11, thanks to everybody involved!