Add dialog roles and labelling to legacy modals

components/login-modal.html

@@ -1,10 +1,19 @@
-<div id="loginModal" class="bv-modal hidden items-start justify-center">
+<div
+  id="loginModal"
+  class="bv-modal hidden items-start justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="loginModalTitle"
+  aria-describedby="loginModalDescription"
+>
   <div class="bv-modal-backdrop" data-dismiss></div>
 
   <div class="modal-sheet overflow-hidden" tabindex="-1">
     <!-- Header with the special exit button (unchanged) -->
     <div class="modal-header">
-      <h2 class="text-xl font-bold text-text">Login Options</h2>
+      <h2 id="loginModalTitle" class="text-xl font-bold text-text">
+        Login Options
+      </h2>
       <button
         id="closeLoginModal"
         class="modal-close"
@@ -27,7 +36,7 @@
     </div>
 
     <!-- Body with buttons (unchanged) -->
-    <div class="modal-body space-y-4">
+    <div id="loginModalDescription" class="modal-body space-y-4">
       <!-- Application Form button -->
       <button
         id="openApplicationModal"