From 42fe209164f183242682bfa0fc643dc75fea8083 Mon Sep 17 00:00:00 2001
From: nobswebdev <nobswebdev@noreply.git.nobswebdev.com>
Date: Sun, 25 Oct 2026 22:00:16 +0100
Subject: [PATCH] Simplify upload modal, dropzone, and settings markup.

Remove redundant dialog ARIA wiring, hide the file input with hidden instead of sr-only, and trim footnote accessibility attributes that duplicated visible text.
---
 .../upload/UploadConfigureModal.vue           | 21 +++++--------------
 .../src/components/upload/UploadDropzone.vue  |  2 +-
 .../components/upload/UploadSettingsPanel.vue |  6 ++----
 3 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/upload/UploadConfigureModal.vue b/frontend/src/components/upload/UploadConfigureModal.vue
index aba9e83..9a37fc5 100644
--- a/frontend/src/components/upload/UploadConfigureModal.vue
+++ b/frontend/src/components/upload/UploadConfigureModal.vue
@@ -1,14 +1,9 @@
 <template>
     <Teleport to="body">
         <div v-if="open" class="fixed inset-0 z-50 flex items-end justify-center bg-black/50 p-4 sm:items-center">
-            <div
-                role="dialog"
-                aria-modal="true"
-                aria-labelledby="upload-configure-title"
-                class="flex w-full max-w-lg flex-col rounded-lg border border-border bg-card shadow-lg"
-            >
+            <div class="flex w-full max-w-lg flex-col rounded-lg border border-border bg-card shadow-lg">
                 <header class="border-b border-border px-4 py-3">
-                    <h2 id="upload-configure-title" class="text-base font-medium text-card-foreground">
+                    <h2 class="text-base font-medium text-card-foreground">
                         Configure upload
                     </h2>
                     <p class="mt-1 text-xs text-muted-foreground">Settings apply to all chosen images.</p>
@@ -44,20 +39,14 @@
             v-if="open && metadataErrorConfirmOpen"
             class="fixed inset-0 z-60 flex items-end justify-center bg-black/50 p-4 sm:items-center"
         >
-            <div
-                role="alertdialog"
-                aria-modal="true"
-                aria-labelledby="upload-metadata-error-confirm-title"
-                aria-describedby="upload-metadata-error-confirm-desc"
-                class="flex w-full max-w-md flex-col rounded-lg border border-border bg-card shadow-lg"
-            >
+            <div class="flex w-full max-w-md flex-col rounded-lg border border-border bg-card shadow-lg">
                 <header class="border-b border-border px-4 py-3">
-                    <h2 id="upload-metadata-error-confirm-title" class="text-base font-medium text-card-foreground">
+                    <h2 class="text-base font-medium text-card-foreground">
                         Metadata errors
                     </h2>
                 </header>
 
-                <p id="upload-metadata-error-confirm-desc" class="px-4 py-4 text-sm text-muted-foreground">
+                <p class="px-4 py-4 text-sm text-muted-foreground">
                     {{ metadataErrorCount }}
                     {{ metadataErrorCount === 1 ? 'image has' : 'images have' }} metadata error. Do you want to upload
                     them with original metadata?
diff --git a/frontend/src/components/upload/UploadDropzone.vue b/frontend/src/components/upload/UploadDropzone.vue
index ed66727..3944da2 100644
--- a/frontend/src/components/upload/UploadDropzone.vue
+++ b/frontend/src/components/upload/UploadDropzone.vue
@@ -10,7 +10,7 @@
                 type="file"
                 accept="image/*"
                 multiple
-                class="sr-only"
+                class="hidden"
                 :disabled="disabled"
                 @change="onFileInputChange"
             />
diff --git a/frontend/src/components/upload/UploadSettingsPanel.vue b/frontend/src/components/upload/UploadSettingsPanel.vue
index b89669a..a57b000 100644
--- a/frontend/src/components/upload/UploadSettingsPanel.vue
+++ b/frontend/src/components/upload/UploadSettingsPanel.vue
@@ -29,11 +29,9 @@
                             Still encrypted at rest, but the server decrypts on the fly. Works with BBCode, HTML,
                             etc.
                             Encryption here serves mainly as
-                            <span class="whitespace-nowrap" aria-describedby="crypto-shred-footnote">
+                            <span class="whitespace-nowrap">
                                 <span class="font-bold">crypto-shred</span
-                                ><sup class="font-bold text-[0.7em] text-muted-foreground" aria-hidden="true"
-                                    >1</sup
-                                > </span
+                                ><sup class="font-bold text-[0.7em] text-muted-foreground">1</sup> </span
                             >, because hotlink images are intended to be public.
                         </p>
                     </span>