dspace-angular icon indicating copy to clipboard operation
dspace-angular copied to clipboard

Accessibility cookie settings

Open Andrea-Guevara opened this issue 8 months ago • 0 comments

References

  • Fixes #2668

Description

Adding and changing some classes in the global scss to make the cookie settings more accessible.

Instructions for Reviewers

List of changes in this PR:

  • Added the variable "--very-dark-cyan" in _custom_variables.scss.
  • Removed the variable ".cm-btn.cm-btn-success.cm-btn-accept-all" and its styling as it was no longer needed.
  • Styled the "Accept all" button by overwriting the style of the ".klaro .cookie-modal .cm-btn.cm-btn-success.cm-btn-accept-all" variables.
  • Added "text-decoration: underline;" to the anchors.
  • Changed the color of some informational texts, which were previously gray and are now lighter to improve contrast.
  • Changed the color of the "Save" button by overwriting the styling of the variables: .klaro .cookie-modal .cm-btn.cm-btn-info.

Checklist

  • [ ] Visit https://sandbox.dspace.org in an Incognito browser
  • [ ] Klaro cookie popup should appear. Click on "Customize" to bring up the screen above
  • [ ] Expand all sections on that screen.
  • [ ] Run an accessibility scanner (WAVE or "axe DevTools) and check that the accessibility test is positive.

Andrea-Guevara avatar Jun 21 '24 15:06 Andrea-Guevara