fix(theme): announce theme switches when using screen reader. #7667 (#…

…8174) Co-authored-by: sebastienlorber <lorber.sebastien@gmail.com>
facebook · Oct 5, 2022 · 44af538 · 44af538
1 parent 9821879
commit 44af538
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/docusaurus-theme-classic/src/theme/ColorModeToggle/index.tsx b/packages/docusaurus-theme-classic/src/theme/ColorModeToggle/index.tsx
@@ -52,7 +52,8 @@ function ColorModeToggle({className, value, onChange}: Props): JSX.Element {
         onClick={() => onChange(value === 'dark' ? 'light' : 'dark')}
         disabled={!isBrowser}
         title={title}
-        aria-label={title}>
+        aria-label={title}
+        aria-live="polite">
         <IconLightMode
           className={clsx(styles.toggleIcon, styles.lightToggleIcon)}
         />