From 87d91a9482826a4e7a6d9cbd05d37b4793b3a452 Mon Sep 17 00:00:00 2001
From: "@suet-kei.chan" <suet-kei.chan@t-systems.com>
Date: Thu, 9 Jul 2026 11:20:16 +0200
Subject: [PATCH] fix: add missing accessibility labels in header and storage
 quota

AC1 - Header (Settings menu):
- UserMenu.vue: replace invalid <div> wrapper with <template> inside <ul>
- UserMenu.vue: add aria-label with "opens in new tab" hint on external
  links (Hilfe & FAQ, Kundencenter) so screen readers announce the context

AC4 - Storage indicator:
- StorageQuota.vue: add aria-label="Expand storage, opens in new tab" on
  the storage upgrade link to inform screen readers it opens a new tab
- StorageQuota.vue: add aria-hidden="true" on NcIconSvgWrapper to prevent
  the decorative icon from being announced by screen readers

Translations:
- Add "opens in new tab" key to en, en_GB, de, de_DE l10n files
- Add "Expand storage, opens in new tab" key to all four l10n files
---
 l10n/de.json                    | 3 +++
 l10n/de_DE.json                 | 5 ++++-
 l10n/en.json                    | 3 +++
 l10n/en_GB.json                 | 3 +++
 src/components/StorageQuota.vue | 5 +++--
 src/components/UserMenu.vue     | 8 +++++---
 6 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/l10n/de.json b/l10n/de.json
index 57fa4450..4b3c3578 100644
--- a/l10n/de.json
+++ b/l10n/de.json
@@ -63,6 +63,7 @@
       "Toggle grid view": "Ansicht ändern",
       "Display settings": "Anzeigeeinstellungen",
       "Expand storage": "Speicherplatz erweitern",
+      "Expand storage, opens in new tab": "Speicherplatz erweitern, öffnet in neuem Tab",
       "Memory used up to %s%%": "Speicher zu %s%% belegt ",
       "of": "von",
       "Delete file" : "Datei löschen",
@@ -258,7 +259,9 @@
       "Impressum": "Impressum",
       "Data protection": "Datenschutz",
       "Faq": "Hilfe & FAQ",
+      "opens in new tab": "öffnet in neuem Tab",
       "Expand storage": "Speicher erweitern",
+      "Expand storage, opens in new tab": "Speicher erweitern, öffnet in neuem Tab",
       "Storage at {percentage}% used": "Speicher zu {percentage}% belegt",
       "of": "von",
       "used": "genutzt",
diff --git a/l10n/de_DE.json b/l10n/de_DE.json
index b654ea4d..3157bd6b 100644
--- a/l10n/de_DE.json
+++ b/l10n/de_DE.json
@@ -63,7 +63,8 @@
       "Toggle grid view": "Ansicht ändern",
       "Display settings": "Anzeigeeinstellungen",
       "Expand storage": "Speicherplatz erweitern",
-      "Memory used up to %s%%": "Speicher zu %s%% belegt ",
+      "Expand storage, opens in new tab": "Speicherplatz erweitern, öffnet in neuem Tab",
+      "Memory used up to %s%%":"Speicher zu %s%% belegt ",
       "of": "von",
       "Delete file" : "Datei löschen",
       "Delete folder" : "Ordner löschen",
@@ -258,7 +259,9 @@
       "Impressum": "Impressum",
       "Data protection": "Datenschutz",
       "Faq": "Hilfe & FAQ",
+      "opens in new tab": "öffnet in neuem Tab",
       "Expand storage": "Speicher erweitern",
+      "Expand storage, opens in new tab": "Speicher erweitern, öffnet in neuem Tab",
       "Storage at {percentage}% used": "Speicher zu {percentage}% belegt",
       "of": "von",
       "used": "genutzt",
diff --git a/l10n/en.json b/l10n/en.json
index d8e3e998..e89c54fb 100644
--- a/l10n/en.json
+++ b/l10n/en.json
@@ -63,6 +63,7 @@
       "Toggle grid view": "Toggle grid view",
       "Display settings": "Display settings",
       "Expand storage": "Expand storage",
+      "Expand storage, opens in new tab": "Expand storage, opens in new tab",
       "Memory used up to %s%%": "Memory used up to %s%%",
       "of": "von",
       "_including %n hidden_::_including %n hidden_": ["with %n hidden","with %n hidden"],
@@ -224,7 +225,9 @@
       "Impressum": "Impressum",
       "Data protection": "Data protection",
       "Faq": "Help & FAQ",
+      "opens in new tab": "opens in new tab",
       "Expand storage": "Expand storage",
+      "Expand storage, opens in new tab": "Expand storage, opens in new tab",
       "Storage at {percentage}% used": "Storage at {percentage}% used",
       "of": "of",
       "used": "used",
diff --git a/l10n/en_GB.json b/l10n/en_GB.json
index d8e3e998..e89c54fb 100644
--- a/l10n/en_GB.json
+++ b/l10n/en_GB.json
@@ -63,6 +63,7 @@
       "Toggle grid view": "Toggle grid view",
       "Display settings": "Display settings",
       "Expand storage": "Expand storage",
+      "Expand storage, opens in new tab": "Expand storage, opens in new tab",
       "Memory used up to %s%%": "Memory used up to %s%%",
       "of": "von",
       "_including %n hidden_::_including %n hidden_": ["with %n hidden","with %n hidden"],
@@ -224,7 +225,9 @@
       "Impressum": "Impressum",
       "Data protection": "Data protection",
       "Faq": "Help & FAQ",
+      "opens in new tab": "opens in new tab",
       "Expand storage": "Expand storage",
+      "Expand storage, opens in new tab": "Expand storage, opens in new tab",
       "Storage at {percentage}% used": "Storage at {percentage}% used",
       "of": "of",
       "used": "used",
diff --git a/src/components/StorageQuota.vue b/src/components/StorageQuota.vue
index d8032d17..f37cb223 100644
--- a/src/components/StorageQuota.vue
+++ b/src/components/StorageQuota.vue
@@ -13,8 +13,9 @@
 		<a class="storage-quota__link"
 			target="_blank"
 			rel="noopener"
-			href="https://cloud.telekom-dienste.de/tarife">
-			<NcIconSvgWrapper :svg="cloudIconSvg" class="storage-quota__link-icon" />
+			href="https://cloud.telekom-dienste.de/tarife"
+			:aria-label="t('nmctheme', 'Expand storage, opens in new tab')">
+			<NcIconSvgWrapper :svg="cloudIconSvg" class="storage-quota__link-icon" aria-hidden="true" />
 			{{ t('nmctheme', 'Expand storage') }}
 		</a>
 	</div>
diff --git a/src/components/UserMenu.vue b/src/components/UserMenu.vue
index 80a9dde2..04a68b5b 100644
--- a/src/components/UserMenu.vue
+++ b/src/components/UserMenu.vue
@@ -1,14 +1,16 @@
 <template>
-	<div>
+	<template>
 		<li v-for="item in items"
 			:id="item.id"
 			:key="item.id"
 			class="menu-entry">
-			<a :href="item.url" :target="item.target">
+			<a :href="item.url"
+				:target="item.target"
+				:aria-label="item.target === '_blank' ? t('nmcsettings', item.name) + ', ' + t('nmctheme', 'opens in new tab') : null">
 				<span>{{ t('nmcsettings', item.name) }}</span>
 			</a>
 		</li>
-	</div>
+	</template>
 </template>
 
 <script>