diff --git a/change/@fluentui-react-spinner-9b660086-15f0-4220-970b-d21b6a1e0ed4.json b/change/@fluentui-react-spinner-9b660086-15f0-4220-970b-d21b6a1e0ed4.json new file mode 100644 index 00000000000000..8a0807bf5d8dc3 --- /dev/null +++ b/change/@fluentui-react-spinner-9b660086-15f0-4220-970b-d21b6a1e0ed4.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Add documentation for Spinner when reduced-motion is active", + "packageName": "@fluentui/react-spinner", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-spinner/Spec.md b/packages/react-components/react-spinner/Spec.md index e28dc0f114140a..380ef7ead3d850 100644 --- a/packages/react-components/react-spinner/Spec.md +++ b/packages/react-components/react-spinner/Spec.md @@ -118,3 +118,5 @@ The Spinner is non-interactive. - **Touch** - Nothing ## Accessibility + +When reduced motion, is active the `indeterminate` `Spinner` will rotate once and then stop animating. diff --git a/packages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md b/packages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md index 5c3d196e5ab837..be456ed8de8a24 100644 --- a/packages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md +++ b/packages/react-components/react-spinner/src/stories/Spinner/SpinnerBestPractices.md @@ -10,6 +10,7 @@ - Use one Spinner at a time. - Descriptive verbs are appropriate under a Spinner to help the user understand what's happening. Ie: Saving, processing, updating. - Use a Spinner when confirming a change has been made or a task is being processed. +- Add a description to a Spinner when reduced-motion is active ### Don't