feat: add connected text a11y

Author: MatteoGabriele

app/components/Header/AccountMenu.client.vue

@@ -68,11 +68,12 @@ function openAuthModal() {
       <div v-if="hasAnyConnection" class="flex items-center relative">
         <span
           class="w-6 h-6 rounded-full bg-bg-muted ring-2 ring-bg flex items-center justify-center"
-          :class="hasBothConnections ? 'relative z-10' : ''"
+          aria-hidden="true"
         >
           <span class="size-1.5 rounded-full bg-green-600 absolute top-0 -inset-ie-0"></span>
-          <span class="i-carbon-cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
+          <span class="i-carbon-cloud w-3 h-3 text-fg-muted" />
         </span>
+        <span class="sr-only">{{ $t('account_menu.connected') }}</span>
       </div>
       <span v-else class="font-mono text-sm">
         {{ $t('account_menu.connect') }}

i18n/locales/en.json

@@ -790,6 +790,7 @@
   },
   "account_menu": {
     "connect": "connect",
+    "connected": "Connected",
     "account": "Account",
     "npm_cli": "npm CLI",
     "atmosphere": "Atmosphere",

i18n/locales/it-IT.json

@@ -768,6 +768,7 @@
   },
   "account_menu": {
     "connect": "connetti",
+    "connected": "connesso",
     "account": "Account",
     "npm_cli": "npm CLI",
     "atmosphere": "Atmosphere",

lunaria/files/en-GB.json

@@ -790,6 +790,7 @@
   },
   "account_menu": {
     "connect": "connect",
+    "connected": "Connected",
     "account": "Account",
     "npm_cli": "npm CLI",
     "atmosphere": "Atmosphere",

lunaria/files/en-US.json

@@ -790,6 +790,7 @@
   },
   "account_menu": {
     "connect": "connect",
+    "connected": "Connected",
     "account": "Account",
     "npm_cli": "npm CLI",
     "atmosphere": "Atmosphere",

lunaria/files/it-IT.json

@@ -768,6 +768,7 @@
   },
   "account_menu": {
     "connect": "connetti",
+    "connected": "connesso",
     "account": "Account",
     "npm_cli": "npm CLI",
     "atmosphere": "Atmosphere",