settings-site: phase 6 accessibility (ARIA combobox/listbox pattern, keyboard nav, modal focus trap, toast a11y, contrast + typography fixes)

settings-site/public/js/app.js

@@ -34,11 +34,11 @@
 
   function openScheduleModal() {
     const modal = document.getElementById('schedule-modal');
-    modal.classList.remove('hidden');
     const dt = document.getElementById('schedule-datetime');
     const min = Util.formatLocalDateTime(new Date(Date.now() + 60000));
     dt.min = min;
     dt.value = min;
+    Util.openModal(modal, { initialFocus: '#schedule-datetime' });
   }
 
   async function confirmScheduledRestart() {
@@ -50,7 +50,7 @@
       headers: Util.csrfHeaders({ 'Content-Type': 'application/json' }),
       body: JSON.stringify({ mode: 'scheduled', scheduledFor: new Date(dt).toISOString() })
     });
-    document.getElementById('schedule-modal').classList.add('hidden');
+    Util.closeModal(document.getElementById('schedule-modal'));
     Util.showToast(`Restart scheduled for ${new Date(dt).toLocaleString()}`, 'warning');
   }
 
@@ -71,7 +71,7 @@
     document.getElementById('schedule-restart-btn')?.addEventListener('click', openScheduleModal);
     document.getElementById('schedule-confirm-btn')?.addEventListener('click', confirmScheduledRestart);
     document.getElementById('schedule-cancel-btn')?.addEventListener('click', () => {
-      document.getElementById('schedule-modal').classList.add('hidden');
+      Util.closeModal(document.getElementById('schedule-modal'));
     });
     document.getElementById('logout-btn')?.addEventListener('click', doLogout);
   }