made the status domain selector more accessible

src/lang/en.json

@@ -656,6 +656,8 @@
     "Notify Channel": "Notify Channel",
     "aboutNotifyChannel": "Notify channel will trigger a desktop or mobile notification for all members of the channel, whether their availability is set to active or away.",
     "Uptime Kuma URL": "Uptime Kuma URL",
+    "Add a domain": "Add a domain",
+    "Remove domain": "Remove domain {0}",
     "Icon Emoji": "Icon Emoji",
     "signalImportant": "IMPORTANT: You cannot mix groups and numbers in recipients!",
     "aboutWebhooks": "More info about Webhooks on: {0}",

src/pages/StatusPage.vue

@@ -69,13 +69,13 @@
                 <div class="my-3">
                     <label class="form-label">
                         {{ $t("Domain Names") }}
-                        <font-awesome-icon icon="plus-circle" class="btn-add-domain action text-primary" @click="addDomainField" />
+                        <font-awesome-icon role="button" icon="plus-circle" class="action text-primary" :aria-label="$t('Add a domain')" @click="addDomainField"/>
                     </label>
 
                     <ul class="list-group domain-name-list">
                         <li v-for="(domain, index) in config.domainNameList" :key="index" class="list-group-item">
                             <input v-model="config.domainNameList[index]" type="text" class="no-bg domain-input" placeholder="example.com" />
-                            <font-awesome-icon icon="times" class="action remove ms-2 me-3 text-danger" @click="removeDomain(index)" />
+                            <font-awesome-icon icon="times" class="action remove ms-2 me-3 text-danger" :aria-label="$t('Remove domain', domain)" role="button" @click="removeDomain(index)" />
                         </li>
                     </ul>
                 </div>