add aria-live to toggle button

mbart13 · May 24, 2021 · 09fa077 · 09fa077 · vercel · May 24, 2021
1 parent 613c219
commit 09fa077
Showing 1 changed file with 1 addition and 8 deletions.
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -19,14 +19,7 @@ const Header: React.FC<{ toggleTheme: () => void; theme: string }> = ({
         <StyledHeading to="/" style={{ textDecoration: 'none' }}>
           Where in the world?
         </StyledHeading>
-        <ToggleButton
-          onClick={toggleTheme}
-          aria-label={
-            theme === Theme.Light
-              ? 'Change to dark mode'
-              : 'Change to light mode'
-          }
-        >
+        <ToggleButton onClick={toggleTheme} aria-live="polite">
           {theme === Theme.Light ? <IoMoonOutline /> : <FiSun />}
           <span>{theme === Theme.Light ? 'Dark Mode' : 'Light Mode'}</span>
         </ToggleButton>