Merge pull request #28 from markteekman/develop

Develop

README.md

@@ -17,11 +17,12 @@ In this starter you'll find a couple of things:
 - Accessible landmarks in the `DefaultLayout.astro` file such as `header`, `main` and `footer`
 - Accessible landmark examples in the `index.astro` file such as `section` and `nav`
 - `SkipLinks.astro` component to skip to either the main menu or the main content
-- `Navigation.astro` component with keyboard accessible navigation (arrow keys, escape key)
+- `Navigation.astro` component with keyboard accessible (dropdown) navigation (arrow keys, escape key)
 - `ResponsiveToggle.astro` component with an accessible responsive toggle button for the navigation
 - `DarkMode.astro` component toggle with accessible button and a user system preferred color scheme
 - Outline focus indicator which works on dark and light backgrounds
 - `.sr-only` token class for screen reader only text content
+- `prefers-reduced-motion` disables animations for users that have this preference turned on
 
 ## Utilities
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "accessible-astro-starter",
   "description": "An Accessible Starter Theme for Astro including several accessiblity features and tools to help you build faster.",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "author": "Mark Teekman",
   "homepage": "https://accessible-astro.dev",
   "scripts": {

src/assets/scss/base/_reset.scss

@@ -8,6 +8,11 @@ html {
 
   @media (prefers-reduced-motion: reduce) {
     scroll-behavior: auto;
+
+    body * {
+      animation-duration: 0s !important;
+      animation-delay: 0s !important;
+    }
   }
 }