a11y

next-ui/src/components/dialog/Confirm.vue

@@ -5,6 +5,7 @@
     :max-width="maxWidth"
     :fullscreen="fullscreen"
     :transition="fullscreen ? 'dialog-bottom-transition' : undefined"
+    :aria-label="title"
   >
     <template #default="{ isActive }">
       <v-form

next-ui/src/components/dialog/ConfirmEdit.vue

@@ -6,6 +6,7 @@
     :fullscreen="fullscreen"
     :transition="fullscreen ? 'dialog-bottom-transition' : undefined"
     :scrollable="scrollable"
+    :aria-label="title"
   >
     <template #default="{ isActive }">
       <v-confirm-edit

next-ui/src/fragments/fragment/apikey/GenerateDialog.vue

@@ -5,6 +5,7 @@
     :fullscreen="fullscreen"
     :transition="fullscreen ? 'dialog-bottom-transition' : undefined"
     max-width="600px"
+    :aria-label="$formatMessage(titleMessage)"
     @after-leave="reset()"
   >
     <template #default="{ isActive }">
@@ -13,13 +14,7 @@
         @submit.prevent="generateApiKey()"
       >
         <v-card
-          :title="
-            $formatMessage({
-              description: 'Generate API key dialog: title',
-              defaultMessage: 'Generate new API key',
-              id: 'ycrpqO',
-            })
-          "
+          :title="$formatMessage(titleMessage)"
           :loading="isLoading"
         >
           <v-card-text>
@@ -192,4 +187,10 @@ function reset() {
   comment.value = ''
   creationError.value = ''
 }
+
+const titleMessage = {
+  description: 'Generate API key dialog: title',
+  defaultMessage: 'Generate new API key',
+  id: 'ycrpqO',
+}
 </script>

next-ui/src/fragments/fragment/history/expand/DuplicatePageDeleted.vue

@@ -48,6 +48,14 @@
         :src="pageHashKnownThumbnailUrl(event.properties['page file hash'])"
         lazy-src="@/assets/cover.svg"
         class="my-2"
+        :alt="
+          $formatMessage({
+            description:
+              'History Table, expansion panel for deleted page: alt description for deleted page',
+            defaultMessage: 'Deleted page',
+            id: 'Qxij/I',
+          })
+        "
       >
         <template #placeholder>
           <div class="d-flex align-center justify-center fill-height">

next-ui/src/pages/login.vue

@@ -10,7 +10,16 @@
           cols="7"
           sm="10"
         >
-          <v-img src="@/assets/logo.svg" />
+          <v-img
+            src="@/assets/logo.svg"
+            :alt="
+              $formatMessage({
+                description: 'Login page: Komga logo alt text',
+                defaultMessage: 'Komga logo',
+                id: 'uXY7Eg',
+              })
+            "
+          />
         </v-col>
       </v-row>