From 3083596e87146c1c5a61de7238cb69e1dab5ae8b Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Wed, 7 Aug 2024 12:11:06 +0200 Subject: Docs: update WCAG links and references (#40703) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Julien Déramond --- scss/_functions.scss | 2 +- scss/_variables.scss | 4 ++-- scss/mixins/_visually-hidden.scss | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) (limited to 'scss') diff --git a/scss/_functions.scss b/scss/_functions.scss index 90296586b..e04b5c61b 100644 --- a/scss/_functions.scss +++ b/scss/_functions.scss @@ -177,7 +177,7 @@ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05)); } -// Return WCAG2.1 relative luminance +// Return WCAG2.2 relative luminance // See https://www.w3.org/TR/WCAG/#dfn-relative-luminance // See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio @function luminance($color) { diff --git a/scss/_variables.scss b/scss/_variables.scss index cfe25b528..9db91c73a 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -67,8 +67,8 @@ $colors: ( ) !default; // scss-docs-end colors-map -// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7. -// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast +// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.2 are 3, 4.5 and 7. +// See https://www.w3.org/TR/WCAG/#contrast-minimum $min-contrast-ratio: 4.5 !default; // Customize the light and dark text colors for use in our color contrast function. diff --git a/scss/mixins/_visually-hidden.scss b/scss/mixins/_visually-hidden.scss index 082aeec95..388916ccf 100644 --- a/scss/mixins/_visually-hidden.scss +++ b/scss/mixins/_visually-hidden.scss @@ -24,7 +24,7 @@ // Use to only display content when it's focused, or one of its child elements is focused // (i.e. when focus is within the element/container that the class was applied to) // -// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// Useful for "Skip to main content" links; see https://www.w3.org/WAI/WCAG22/Techniques/general/G1.html @mixin visually-hidden-focusable() { &:not(:focus):not(:focus-within) { -- cgit v1.2.3