diff --git a/packages/docusaurus-theme-classic/src/theme/ColorModeToggle/index.tsx b/packages/docusaurus-theme-classic/src/theme/ColorModeToggle/index.tsx
index fe939a9d9a1d..8c513fd064da 100644
--- a/packages/docusaurus-theme-classic/src/theme/ColorModeToggle/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/ColorModeToggle/index.tsx
@@ -41,7 +41,7 @@ function ColorModeToggle({className, value, onChange}: Props): JSX.Element {
   );
 
   return (
-    <div className={clsx(styles.toggle, className)}>
+    <div title={title} className={clsx(styles.toggle, className)}>
       <button
         className={clsx(
           'clean-btn',
@@ -51,9 +51,7 @@ function ColorModeToggle({className, value, onChange}: Props): JSX.Element {
         type="button"
         onClick={() => onChange(value === 'dark' ? 'light' : 'dark')}
         disabled={!isBrowser}
-        title={title}
-        aria-label={title}
-        aria-live="polite">
+        aria-label={title}>
         <IconLightMode
           className={clsx(styles.toggleIcon, styles.lightToggleIcon)}
         />