src/features/settings/components/Selection.vue

@@ -70,7 +70,11 @@ const labelId = useId();
         </div>
         <ul class="options-list" :aria-labelledby="labelId">
             <li v-for="option in props.setting.options" :key="option.name">
-                <label class="settings-button" :title="t(option.i18n)">
+                <label
+                    class="settings-button"
+                    :title="t(option.i18n)"
+                    :aria-label="t('settings.selection.option.ariaLabel', { option: t(option.i18n) })"
+                >
                     <input
                         :type="optionType"
                         :name="props.path"

src/locales/de.json

@@ -55,6 +55,11 @@
                 "ariaLabel": "Geht zur Einstellungsseite {page}"
             }
         },
-        "noSectionSelected": "Kein Einstellungsabschnitt ist ausgewählt."
+        "noSectionSelected": "Kein Einstellungsabschnitt ist ausgewählt.",
+        "selection": {
+            "option": {
+                "ariaLabel": "Wählt die Option {option} aus"
+            }
+        }
     }
 }

src/locales/en.json

@@ -55,6 +55,11 @@
                 "ariaLabel": "Goes to settings page {page}"
             }
         },
-        "noSectionSelected": "No settings section is selected."
+        "noSectionSelected": "No settings section is selected.",
+        "selection": {
+            "option": {
+                "ariaLabel": "Selects option {option}"
+            }
+        }
     }
 }