From 2306f62bf19bb0696a9455aaf2eea6b083d9fdae Mon Sep 17 00:00:00 2001 From: Mike Rogers Date: Tue, 20 Mar 2018 09:28:21 +0000 Subject: Making use of `prefers-reduced-motion` media query (#25641) * Making use of `prefers-reduced-motion` media query As discussed in #25249 - if a user (Who is using Safari / iOS) requests reduced motion in their system settings, we should avoid transitions. * Ignoring prefers reduced motion for CSS Linting * Updating copy clarifying the reduce motion functionality in accessibility.md --- docs/4.0/getting-started/accessibility.md | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs') diff --git a/docs/4.0/getting-started/accessibility.md b/docs/4.0/getting-started/accessibility.md index 0f9e87ae1..d4381aa21 100644 --- a/docs/4.0/getting-started/accessibility.md +++ b/docs/4.0/getting-started/accessibility.md @@ -43,6 +43,10 @@ For visually hidden interactive controls, such as traditional "skip" links, `.sr Skip to main content {% endhighlight %} +### Reduced motion + +Bootstrap includes support for the [`prefers-reduced-motion` media feature](https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-motion). In browsers/environments that allow the user to specify their preference for reduced motion, most CSS transition effects in Bootstrap (for instance, when a modal dialog is opened or closed) will be disabled. Currently, support is limited to Safari on macOS and iOS. + ## Additional resources - [Web Content Accessibility Guidelines (WCAG) 2.0](https://www.w3.org/TR/WCAG20/) -- cgit v1.2.3