From 796f172814d71799f7cbeff5afe498261403c05b Mon Sep 17 00:00:00 2001
From: Frank Elsinga <frank@elsinga.de>
Date: Tue, 26 Dec 2023 17:39:14 +0100
Subject: [PATCH] better aria-labels

---
 webclient/src/pages/index.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/webclient/src/pages/index.vue b/webclient/src/pages/index.vue
index 84d1f126d..852962a88 100644
--- a/webclient/src/pages/index.vue
+++ b/webclient/src/pages/index.vue
@@ -29,7 +29,7 @@ const openPanels = ref<(boolean | undefined)[]>([]);
           <RouterLink
             v-if="site.id"
             :to="'/view/' + site.id"
-            :aria-label="`show the details for the campus '${site.name}'`"
+            :aria-label="t('show_details_for_campus', [site.name])"
             class="flex grow-0 flex-row justify-between !no-underline"
           >
             <span class="text-xl font-semibold text-slate-700 hover:text-tumBlue-500">{{ site.name }}</span>
@@ -38,12 +38,11 @@ const openPanels = ref<(boolean | undefined)[]>([]);
           <div v-else class="text-xl font-semibold">{{ site.name }}</div>
         </div>
         <div class="flex flex-col gap-3">
-          {{ openPanels[siteIndex] }}?{{ site.children.length }}:{{ site.n_visible }}
           <RouterLink
             v-for="c in site.children.slice(0, openPanels[siteIndex] ? site.children.length : site.n_visible)"
             :key="c.id"
             :to="'/view/' + c.id"
-            :aria-label="`show the details for the building '${c.name}'`"
+            :aria-label="t('show_details_for_building', [c.name])"
             class="flex flex-row justify-between text-tumBlue-600 !no-underline hover:text-tumBlue-500"
           >
             <div class="flex flex-row gap-3">
@@ -90,6 +89,8 @@ de:
   overview_map: Übersichtskarte
   sites: Standorte
   "Loading data...": Lädt daten...
+  show_details_for_campus: show the details for the campus '{0}'
+  show_details_for_building: show the details for the building '{0}'
 en:
   less: less
   less_aria: show more buildings
@@ -98,4 +99,6 @@ en:
   overview_map: Overview Map
   sites: Sites
   "Loading data...": Loading data...
+  show_details_for_campus: show the details for the campus '{0}'
+  show_details_for_building: show the details for the building '{0}'
 </i18n>