fix: hide theme icon for screen reader (a11y)

Vatsim-Scandinavia · Jul 12, 2024 · ae698a0 · ae698a0
1 parent e36e9af
commit ae698a0
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
@@ -21,11 +21,11 @@ export default function ThemeToggle() {
         {
             theme === "light" 
             ? 
-            <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-8 dark:stroke-white stroke-white">
+            <svg aria-hidden="true" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-8 dark:stroke-white stroke-white">
             <path d="M3.32031 11.6835C3.32031 16.6541 7.34975 20.6835 12.3203 20.6835C16.1075 20.6835 19.3483 18.3443 20.6768 15.032C19.6402 15.4486 18.5059 15.6834 17.3203 15.6834C12.3497 15.6834 8.32031 11.654 8.32031 6.68342C8.32031 5.50338 8.55165 4.36259 8.96453 3.32996C5.65605 4.66028 3.32031 7.89912 3.32031 11.6835Z" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
             </svg>
             :
-            <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-8 dark:stroke-white stroke-black">
+            <svg aria-hidden="true" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-8 dark:stroke-white stroke-black">
             <path d="M12 3V4M12 20V21M4 12H3M6.31412 6.31412L5.5 5.5M17.6859 6.31412L18.5 5.5M6.31412 17.69L5.5 18.5001M17.6859 17.69L18.5 18.5001M21 12H20M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
             </svg>
         }