From b172baa06186ee2a30befac3465162dc05212172 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Wed, 7 Aug 2024 15:02:03 +0200 Subject: [PATCH] =?UTF-8?q?chore(merge=20main):=20patched=20commit=20?= =?UTF-8?q?=E2=86=92=203083596=20(#2682)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/CONTRIBUTING.md | 2 +- scss/_functions.scss | 2 +- scss/_variables.scss | 4 ++-- scss/mixins/_target-size.scss | 2 +- scss/mixins/_visually-hidden.scss | 2 +- site/content/docs/5.3/components/carousel.md | 2 +- site/content/docs/5.3/components/dropdowns.md | 4 ++-- site/content/docs/5.3/components/tooltips.md | 2 +- .../docs/5.3/getting-started/accessibility.md | 12 ++++++------ site/content/docs/5.3/migration.md | 2 +- site/content/docs/5.3/utilities/colors.md | 2 +- 11 files changed, 18 insertions(+), 18 deletions(-) diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md index 36f6804855..90cd0b42dc 100644 --- a/.github/CONTRIBUTING.md +++ b/.github/CONTRIBUTING.md @@ -217,7 +217,7 @@ includes code changes) and under the terms of the [Adhere to the Code Guide.](https://codeguide.co/#css) -- When feasible, default color palettes should comply with [WCAG color contrast guidelines](https://www.w3.org/TR/WCAG20/#visual-audio-contrast). +- When feasible, default color palettes should comply with [WCAG color contrast guidelines](https://www.w3.org/TR/WCAG/#distinguishable). - Except in rare cases, don't remove default `:focus` styles (via e.g. `outline: none;`) without providing alternative styles. See [this A11Y Project post](https://www.a11yproject.com/posts/2013-01-25-never-remove-css-outlines/) for more details. ### JS diff --git a/scss/_functions.scss b/scss/_functions.scss index 64a463a134..7735cc73aa 100644 --- a/scss/_functions.scss +++ b/scss/_functions.scss @@ -178,7 +178,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 f1bdb1e60c..b94d9ce973 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -89,8 +89,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 YIQ color contrast function. diff --git a/scss/mixins/_target-size.scss b/scss/mixins/_target-size.scss index 72814f673a..f2b5714ea0 100644 --- a/scss/mixins/_target-size.scss +++ b/scss/mixins/_target-size.scss @@ -1,6 +1,6 @@ // Minimum target size should be 44×44 CSS pixels // -// See https://www.w3.org/WAI/WCAG21/Understanding/target-size.html +// See https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html // See https://w3c.github.io/wcag/understanding/pointer-target-spacing.html // See https://checklists.opquast.com/en/qualiteweb/the-size-of-the-clickable-elements-is-sufficient diff --git a/scss/mixins/_visually-hidden.scss b/scss/mixins/_visually-hidden.scss index 082aeec957..388916ccf6 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) { diff --git a/site/content/docs/5.3/components/carousel.md b/site/content/docs/5.3/components/carousel.md index ddf7ae174f..7b8a6096fe 100644 --- a/site/content/docs/5.3/components/carousel.md +++ b/site/content/docs/5.3/components/carousel.md @@ -241,7 +241,7 @@ You can make your carousels autoplay on page load by setting the `ride` option t {{< callout info >}} For accessibility reasons, we recommend avoiding the use of autoplaying carousels. If your page does include an autoplaying carousel, we recommend providing an additional button or control to explicitly pause/stop the carousel. -See [WCAG 2.1 Success Criterion 2.2.2 Pause, Stop, Hide](https://www.w3.org/TR/WCAG21/#pause-stop-hide). +See [WCAG 2.2 Success Criterion 2.2.2 Pause, Stop, Hide](https://www.w3.org/TR/WCAG/#pause-stop-hide). {{< /callout >}} {{< example >}} diff --git a/site/content/docs/5.3/components/dropdowns.md b/site/content/docs/5.3/components/dropdowns.md index c4b61a0b40..634c2c99ca 100644 --- a/site/content/docs/5.3/components/dropdowns.md +++ b/site/content/docs/5.3/components/dropdowns.md @@ -137,7 +137,7 @@ The best part is you can do this with any button variant, too: