Resolved the skip link contrast issues to meet requirements

- Update client/scss/components/_skiplink.scss
- fixes #9515

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

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');
   }
 }

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