diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/ui/LanguageSwitcher.tsx b/src/components/ui/LanguageSwitcher.tsx
index c9e1b52..8ab79c4 100644
--- a/src/components/ui/LanguageSwitcher.tsx
+++ b/src/components/ui/LanguageSwitcher.tsx
@@ -9,8 +9,21 @@ export const LanguageSwitcher: React.FC = () => {
 
     return (
         <div className="flex justify-end text-right">
-            <span className="cursor-pointer" onClick={() => handleLanguageChange('en')}>EN</span> /
-            <span className="cursor-pointer" onClick={() => handleLanguageChange('es')}>ES</span>
+            <button
+                className="cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2"
+                onClick={() => handleLanguageChange('en')}
+                aria-label="Switch to English"
+            >
+                EN
+            </button>
+            <span aria-hidden="true" className="mx-1">/</span>
+            <button
+                className="cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2"
+                onClick={() => handleLanguageChange('es')}
+                aria-label="Switch to Spanish"
+            >
+                ES
+            </button>
         </div>
     )
 }