From c1dfd45f4b50aaf5db5588c1549d88c61decd172 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Mon, 11 Aug 2025 14:52:12 +0800
Subject: [PATCH] a11y

---
 next-ui/src/components/dialog/Confirm.vue         |  1 +
 next-ui/src/components/dialog/ConfirmEdit.vue     |  1 +
 .../fragments/fragment/apikey/GenerateDialog.vue  | 15 ++++++++-------
 .../history/expand/DuplicatePageDeleted.vue       |  8 ++++++++
 next-ui/src/pages/login.vue                       | 11 ++++++++++-
 5 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/next-ui/src/components/dialog/Confirm.vue b/next-ui/src/components/dialog/Confirm.vue
index 2aec4103f..61044c4ed 100644
--- a/next-ui/src/components/dialog/Confirm.vue
+++ b/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
diff --git a/next-ui/src/components/dialog/ConfirmEdit.vue b/next-ui/src/components/dialog/ConfirmEdit.vue
index ab0b345c4..80d991ee5 100644
--- a/next-ui/src/components/dialog/ConfirmEdit.vue
+++ b/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
diff --git a/next-ui/src/fragments/fragment/apikey/GenerateDialog.vue b/next-ui/src/fragments/fragment/apikey/GenerateDialog.vue
index 2163697da..ceb0d6814 100644
--- a/next-ui/src/fragments/fragment/apikey/GenerateDialog.vue
+++ b/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>
diff --git a/next-ui/src/fragments/fragment/history/expand/DuplicatePageDeleted.vue b/next-ui/src/fragments/fragment/history/expand/DuplicatePageDeleted.vue
index 1abbe0822..1d314b69e 100644
--- a/next-ui/src/fragments/fragment/history/expand/DuplicatePageDeleted.vue
+++ b/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">
diff --git a/next-ui/src/pages/login.vue b/next-ui/src/pages/login.vue
index 86a7e4ef1..db9ea3d02 100644
--- a/next-ui/src/pages/login.vue
+++ b/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>