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
+            <div class="flex w-full max-w-lg flex-col rounded-lg border border-border bg-card shadow-lg">
-                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"
-            >
                 <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
+            <div class="flex w-full max-w-md flex-col rounded-lg border border-border bg-card shadow-lg">
-                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"
-            >
                 <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?

frontend/src/components/upload/UploadDropzone.vue

@@ -10,7 +10,7 @@
                 type="file"
                 accept="image/*"
                 multiple
-                class="sr-only"
+                class="hidden"
                 :disabled="disabled"
                 @change="onFileInputChange"
             />

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"
+                                ><sup class="font-bold text-[0.7em] text-muted-foreground">1</sup> </span
-                                    >1</sup
-                                > </span
                             >, because hotlink images are intended to be public.
                         </p>
                     </span>