Fix for making links have a higher color contrast to other text in blocks. (#2192)

Fork: 0

opidor / dmpopidor

Browse code Fix for making links have a higher color contrast to other text in blocks. (#2192) The changes were based on the article https://www.viget.com/articles/color-contrast/ Changes: - Link color has been changed from #337ab7 to #107896. According to https://webaim.org/resources/linkcontrastchecker/?fcolor=000000&bcolor=FFFFFF&lcolor=107896 (the "Link to Body Text" ratio is 4.14:1 and passes WCAG A test and "Link to Background" ratio is 5.06 and passes the 5.06:1 which satisfies WCAG AA test.) - The TinyMce editor required new stylesheets to be created. Fix for issue #1457 dev
1 parent 08e910a commit 57a476f53af5bf0689dc84c08c90b264d81f9887 John Pinto authored on 31 Jul 2019 Sam Rust committed on 31 Jul 2019

Browse code

The changes were based on the article  https://www.viget.com/articles/color-contrast/

Changes:
 - Link color has been  changed from #337ab7 to #107896.
According to https://webaim.org/resources/linkcontrastchecker/?fcolor=000000&bcolor=FFFFFF&lcolor=107896 (the "Link to Body Text" ratio is 4.14:1 and passes WCAG A test and "Link to Background" ratio is 5.06 and passes the 5.06:1 which satisfies WCAG AA test.)
- The TinyMce editor required new stylesheets to be created.

Fix for issue #1457

dev

1 parent 08e910a commit 57a476f53af5bf0689dc84c08c90b264d81f9887

John Pinto authored on 31 Jul 2019

Sam Rust committed on 31 Jul 2019

Patch

Unified Split

Showing 5 changed files

Ignore Space Show notes View app/assets/stylesheets/blocks/_tinymce_content.scss 0 → 100644

Ignore Space Show notes View app/assets/stylesheets/variables/_colours.scss

Ignore Space Show notes View app/assets/stylesheets/variables/_tinymce.scss

Ignore Space Show notes View app/javascript/utils/tinymce.js

Ignore Space Show notes View config/initializers/assets.rb

Show line notes below