From c2ba84e825ccb3a5e43318d82628df6de91e8c1d Mon Sep 17 00:00:00 2001 From: Dev-Yusuf Date: Tue, 1 Nov 2022 01:39:44 -0700 Subject: [PATCH] Resolved the skip link contrast issues to meet requirements - Update client/scss/components/_skiplink.scss - fixes #9515 --- CHANGELOG.txt | 1 + client/scss/components/_skiplink.scss | 4 ++-- docs/releases/4.2.md | 1 + 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.txt b/CHANGELOG.txt index c1a2c71194..67f93990a1 100644 --- a/CHANGELOG.txt +++ b/CHANGELOG.txt @@ -29,6 +29,7 @@ Changelog * Fix: Ensure logo shows correctly on log in page in Windows high-contrast mode (Loveth Omokaro) * Fix: Comments notice background overflows its container (Yekasumah) * Fix: Ensure links within help blocks meet colour contrast guidelines for accessibility (Theresa Okoro) + * Fix: Ensure the skip link (used for keyboard control) meets colour contrast guidelines for accessibility (Dauda Yusuf) 4.1.1 (xx.xx.xxxx) - IN DEVELOPMENT diff --git a/client/scss/components/_skiplink.scss b/client/scss/components/_skiplink.scss index f9eb1651d3..fb36af3ce7 100644 --- a/client/scss/components/_skiplink.scss +++ b/client/scss/components/_skiplink.scss @@ -10,7 +10,7 @@ } &.button { - background: theme('colors.positive.100'); - border: theme('colors.positive.100'); + background: theme('colors.secondary.DEFAULT'); + border: theme('colors.secondary.DEFAULT'); } } diff --git a/docs/releases/4.2.md b/docs/releases/4.2.md index 916d788336..5de999dd70 100644 --- a/docs/releases/4.2.md +++ b/docs/releases/4.2.md @@ -40,6 +40,7 @@ depth: 1 * Ensure logo shows correctly on log in page in Windows high-contrast mode (Loveth Omokaro) * Comments notice background overflows its container (Yekasumah) * Ensure links within help blocks meet colour contrast guidelines for accessibility (Theresa Okoro) + * Ensure the skip link (used for keyboard control) meets colour contrast guidelines for accessibility (Dauda Yusuf) ## Upgrade considerations