chore: add long aria label link description

Author: userquin

app/pages/about.vue

@@ -173,6 +173,26 @@ function onMouseLeave() {
     }
   }, 120)
 }
+
+// --- Add this helper function ---
+function getAriaLabel(c: GitHubContributor): string {
+  const separator = $t('about.contributors.separator')
+  const role = roleLabels.value[c.role]
+    ? $t('about.contributors.role', { separator, role: roleLabels.value[c.role] })
+    : ''
+  const works_at = c.company
+    ? $t('about.contributors.works_at', { separator, company: c.company })
+    : ''
+  const location = c.location
+    ? $t('about.contributors.location', { separator, location: c.location })
+    : ''
+  return $t('about.contributors.view_profile_detailed', {
+    name: c.name || c.login,
+    role,
+    works_at,
+    location,
+  })
+}
 </script>
 
 <template>
@@ -330,7 +350,11 @@ function onMouseLeave() {
                 <LinkBase
                   :id="`anchor-${contributor.id}`"
                   :to="contributor.html_url"
-                  :aria-label="$t('about.contributors.view_profile', { name: contributor.login })"
+                  :aria-label="
+                    isExpandable(contributor)
+                      ? getAriaLabel(contributor)
+                      : $t('about.contributors.view_profile', { name: contributor.login })
+                  "
                   no-underline
                   no-external-icon
                   class="group relative block h-12 w-12 rounded-lg transition-all outline-none focus-visible:(ring-2 ring-accent z-20)"

i18n/locales/en.json

@@ -834,7 +834,12 @@
       "loading": "Loading contributors...",
       "error": "Failed to load contributors",
       "view_profile": "View {name}'s GitHub profile",
-      "avatar": "{name}'s avatar"
+      "avatar": "{name}'s avatar",
+      "view_profile_detailed": "View {name}'s GitHub profile{role}{works_at}{location}",
+      "separator": " — ",
+      "role": "{separator}{role} at npmx.dev",
+      "works_at": "{separator}works at {company}",
+      "location": "{separator}based in {location}"
     },
     "get_involved": {
       "title": "Get involved",

i18n/locales/es.json

@@ -827,7 +827,12 @@
       "loading": "Cargando colaboradores...",
       "error": "Error al cargar colaboradores",
       "view_profile": "Ver perfil de GitHub de {name}",
-      "avatar": "avatar de {name}"
+      "avatar": "avatar de {name}",
+      "view_profile_detailed": "Ver el perfil de GitHub de {name}{role}{works_at}{location}",
+      "separator": " — ",
+      "role": "{separator}{role} en npmx.dev",
+      "works_at": "{separator}trabaja en {company}",
+      "location": "{separator}ubicado en {location}"
     },
     "get_involved": {
       "title": "Involúcrate",

i18n/schema.json

@@ -2508,6 +2508,21 @@
             },
             "avatar": {
               "type": "string"
+            },
+            "view_profile_detailed": {
+              "type": "string"
+            },
+            "separator": {
+              "type": "string"
+            },
+            "role": {
+              "type": "string"
+            },
+            "works_at": {
+              "type": "string"
+            },
+            "location": {
+              "type": "string"
             }
           },
           "additionalProperties": false

lunaria/files/en-GB.json

@@ -833,7 +833,12 @@
       "loading": "Loading contributors...",
       "error": "Failed to load contributors",
       "view_profile": "View {name}'s GitHub profile",
-      "avatar": "{name}'s avatar"
+      "avatar": "{name}'s avatar",
+      "view_profile_detailed": "View {name}'s GitHub profile{role}{works_at}{location}",
+      "separator": " — ",
+      "role": "{separator}{role} at npmx.dev",
+      "works_at": "{separator}works at {company}",
+      "location": "{separator}based in {location}"
     },
     "get_involved": {
       "title": "Get involved",

lunaria/files/en-US.json

@@ -833,7 +833,12 @@
       "loading": "Loading contributors...",
       "error": "Failed to load contributors",
       "view_profile": "View {name}'s GitHub profile",
-      "avatar": "{name}'s avatar"
+      "avatar": "{name}'s avatar",
+      "view_profile_detailed": "View {name}'s GitHub profile{role}{works_at}{location}",
+      "separator": " — ",
+      "role": "{separator}{role} at npmx.dev",
+      "works_at": "{separator}works at {company}",
+      "location": "{separator}based in {location}"
     },
     "get_involved": {
       "title": "Get involved",

lunaria/files/es-419.json

@@ -826,7 +826,12 @@
       "loading": "Cargando colaboradores...",
       "error": "Error al cargar colaboradores",
       "view_profile": "Ver perfil de GitHub de {name}",
-      "avatar": "avatar de {name}"
+      "avatar": "avatar de {name}",
+      "view_profile_detailed": "Ver el perfil de GitHub de {name}{role}{works_at}{location}",
+      "separator": " — ",
+      "role": "{separator}{role} en npmx.dev",
+      "works_at": "{separator}trabaja en {company}",
+      "location": "{separator}ubicado en {location}"
     },
     "get_involved": {
       "title": "Involúcrate",

lunaria/files/es-ES.json

@@ -826,7 +826,12 @@
       "loading": "Cargando colaboradores...",
       "error": "Error al cargar colaboradores",
       "view_profile": "Ver perfil de GitHub de {name}",
-      "avatar": "avatar de {name}"
+      "avatar": "avatar de {name}",
+      "view_profile_detailed": "Ver el perfil de GitHub de {name}{role}{works_at}{location}",
+      "separator": " — ",
+      "role": "{separator}{role} en npmx.dev",
+      "works_at": "{separator}trabaja en {company}",
+      "location": "{separator}ubicado en {location}"
     },
     "get_involved": {
       "title": "Involúcrate",