From 609818c361a2f87f1eb7278a16ace8fad0e842d7 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 5 Mar 2026 21:28:16 -0500
Subject: [PATCH] a11y + CSS cleanup: fix label associations, remove orphaned
 style blocks, suppress autofocus

- Add for/id to all form label+input pairs: person, address, contact, users pages
- Convert decorative section-header <label> elements to <p> in launcher cfg files
- Add for/id to dynamic labels in leads custom questions, badges review form
- Change non-form <label> wrappers for custom editors to <div>/<p>
- Remove orphaned <style> blocks (ae_quick_modal_container/ae_quick_popover) from
  people/[person_id]/+page.svelte and location_view.svelte

Result: 95 warnings -> 26 warnings (remaining are lu_* false positives + 1 legacy CSS)
---
 .../addresses/ae_comp__address_form.svelte    | 52 ++++++++--------
 .../contacts/ae_comp__contact_form.svelte     | 48 +++++++--------
 .../core/people/[person_id]/+page.svelte      | 39 ------------
 .../core/people/ae_comp__person_form.svelte   | 59 ++++++++++---------
 src/routes/core/users/[user_id]/+page.svelte  | 12 ++--
 .../ae_comp__badge_review_form.svelte         |  6 +-
 .../launcher_cfg_app_modes.svelte             | 12 ++--
 .../launcher_cfg_controller.svelte            |  8 +--
 .../launcher_cfg_local_actions.svelte         |  4 +-
 .../launcher_cfg_native_os.svelte             | 16 ++---
 .../launcher_cfg_screen_saver.svelte          |  4 +-
 .../launcher_cfg_sync_timers.svelte           |  8 +--
 .../launcher_cfg_template.svelte              | 12 ++--
 .../launcher_cfg_updates.svelte               |  4 +-
 .../ae_comp__exhibit_custom_questions.svelte  | 15 ++---
 .../[exhibit_id]/ae_tab__manage.svelte        | 34 +++++------
 .../[event_location_id]/location_view.svelte  | 39 ------------
 .../(pres_mgmt)/pres_mgmt/+page.svelte        |  1 +
 .../reports/reports_presenters.svelte         |  4 +-
 .../bb/ae_idaa_comp__post_obj_id_edit.svelte  |  1 +
 .../ae_obj_field_editor_v3/+page.svelte       |  2 +-
 21 files changed, 154 insertions(+), 226 deletions(-)

diff --git a/src/routes/core/addresses/ae_comp__address_form.svelte b/src/routes/core/addresses/ae_comp__address_form.svelte
index 029e5fe1..b77388d8 100644
--- a/src/routes/core/addresses/ae_comp__address_form.svelte
+++ b/src/routes/core/addresses/ae_comp__address_form.svelte
@@ -148,28 +148,28 @@
             <legend class="text-sm font-bold uppercase tracking-widest opacity-60">Location Details</legend>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Attention To / Name</label>
-                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.attention_to} placeholder="John Doe" />
+                <label class="label text-xs font-bold opacity-75" for="addr-attention-to">Attention To / Name</label>
+                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="addr-attention-to" type="text" bind:value={formData.attention_to} placeholder="John Doe" />
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Organization Name</label>
-                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.organization_name} placeholder="Acme Corp" />
+                <label class="label text-xs font-bold opacity-75" for="addr-org-name">Organization Name</label>
+                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="addr-org-name" type="text" bind:value={formData.organization_name} placeholder="Acme Corp" />
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Address Line 1</label>
-                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.line_1} required placeholder="123 Main St" />
+                <label class="label text-xs font-bold opacity-75" for="addr-line-1">Address Line 1</label>
+                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="addr-line-1" type="text" bind:value={formData.line_1} required placeholder="123 Main St" />
             </div>
 
             <div class="grid grid-cols-2 gap-2">
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Line 2</label>
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.line_2} placeholder="Suite 100" />
+                    <label class="label text-xs font-bold opacity-75" for="addr-line-2">Line 2</label>
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="addr-line-2" type="text" bind:value={formData.line_2} placeholder="Suite 100" />
                 </div>
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Line 3</label>
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.line_3} placeholder="Floor 2" />
+                    <label class="label text-xs font-bold opacity-75" for="addr-line-3">Line 3</label>
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="addr-line-3" type="text" bind:value={formData.line_3} placeholder="Floor 2" />
                 </div>
             </div>
         </fieldset>
@@ -180,25 +180,25 @@
 
             <div class="grid grid-cols-2 gap-2">
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">City</label>
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.city} required placeholder="Metropolis" />
+                    <label class="label text-xs font-bold opacity-75" for="addr-city">City</label>
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="addr-city" type="text" bind:value={formData.city} required placeholder="Metropolis" />
                 </div>
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">State / Province</label>
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.state_province} placeholder="NY" />
+                    <label class="label text-xs font-bold opacity-75" for="addr-state">State / Province</label>
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="addr-state" type="text" bind:value={formData.state_province} placeholder="NY" />
                 </div>
             </div>
 
             <div class="grid grid-cols-2 gap-2">
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Postal Code</label>
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.postal_code} placeholder="12345" />
+                    <label class="label text-xs font-bold opacity-75" for="addr-postal">Postal Code</label>
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="addr-postal" type="text" bind:value={formData.postal_code} placeholder="12345" />
                 </div>
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Country (Code)</label>
+                    <label class="label text-xs font-bold opacity-75" for="addr-country">Country (Code)</label>
                     <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                         <div class="input-group-shim"><Globe size={16} /></div>
-                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="text" bind:value={formData.country} placeholder="USA" />
+                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="addr-country" type="text" bind:value={formData.country} placeholder="USA" />
                     </div>
                 </div>
             </div>
@@ -209,26 +209,26 @@
             <legend class="text-sm font-bold uppercase tracking-widest opacity-60">Technical & GIS</legend>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Timezone</label>
+                <label class="label text-xs font-bold opacity-75" for="addr-timezone">Timezone</label>
                 <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                     <div class="input-group-shim"><Clock size={16} /></div>
-                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="text" bind:value={formData.timezone} placeholder="America/New_York" />
+                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="addr-timezone" type="text" bind:value={formData.timezone} placeholder="America/New_York" />
                 </div>
             </div>
 
             <div class="grid grid-cols-2 gap-2">
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Latitude</label>
+                    <label class="label text-xs font-bold opacity-75" for="addr-latitude">Latitude</label>
                     <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                         <div class="input-group-shim"><Navigation size={16} /></div>
-                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="text" bind:value={formData.latitude} placeholder="40.7128" />
+                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="addr-latitude" type="text" bind:value={formData.latitude} placeholder="40.7128" />
                     </div>
                 </div>
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Longitude</label>
+                    <label class="label text-xs font-bold opacity-75" for="addr-longitude">Longitude</label>
                     <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                         <div class="input-group-shim"><Navigation size={16} /></div>
-                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="text" bind:value={formData.longitude} placeholder="-74.0060" />
+                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="addr-longitude" type="text" bind:value={formData.longitude} placeholder="-74.0060" />
                     </div>
                 </div>
             </div>
@@ -254,8 +254,8 @@
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Internal Notes</label>
-                <textarea class="textarea variant-filled-surface rounded-lg placeholder-surface-400 p-2" rows="2" bind:value={formData.notes} placeholder="Notes about this address..."></textarea>
+                <label class="label text-xs font-bold opacity-75" for="addr-notes">Internal Notes</label>
+                <textarea class="textarea variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="addr-notes" rows="2" bind:value={formData.notes} placeholder="Notes about this address..."></textarea>
             </div>
         </fieldset>
     </div>
diff --git a/src/routes/core/contacts/ae_comp__contact_form.svelte b/src/routes/core/contacts/ae_comp__contact_form.svelte
index 6437d1c8..96b749b8 100644
--- a/src/routes/core/contacts/ae_comp__contact_form.svelte
+++ b/src/routes/core/contacts/ae_comp__contact_form.svelte
@@ -140,22 +140,22 @@
         <!-- Identity Section -->
         <fieldset class="space-y-4">
             <legend class="text-sm font-bold uppercase tracking-widest opacity-60">Identity & Branding</legend>
-            
+
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Title / Name</label>
-                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.title} required placeholder="Business Office" />
+                <label class="label text-xs font-bold opacity-75" for="contact-title">Title / Name</label>
+                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="contact-title" type="text" bind:value={formData.title} required placeholder="Business Office" />
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Tagline</label>
-                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.tagline} placeholder="Primary contact for business inquiries" />
+                <label class="label text-xs font-bold opacity-75" for="contact-tagline">Tagline</label>
+                <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="contact-tagline" type="text" bind:value={formData.tagline} placeholder="Primary contact for business inquiries" />
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Email Address</label>
+                <label class="label text-xs font-bold opacity-75" for="contact-email">Email Address</label>
                 <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                     <div class="input-group-shim"><Mail size={16} /></div>
-                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="email" bind:value={formData.email} placeholder="contact@example.com" />
+                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="contact-email" type="email" bind:value={formData.email} placeholder="contact@example.com" />
                 </div>
             </div>
         </fieldset>
@@ -163,29 +163,29 @@
         <!-- Communication Section -->
         <fieldset class="space-y-4">
             <legend class="text-sm font-bold uppercase tracking-widest opacity-60">Phone & Web</legend>
-            
+
             <div class="grid grid-cols-2 gap-2">
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Mobile Phone</label>
+                    <label class="label text-xs font-bold opacity-75" for="contact-phone-mobile">Mobile Phone</label>
                     <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                         <div class="input-group-shim"><Phone size={16} /></div>
-                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="tel" bind:value={formData.phone_mobile} placeholder="+1..." />
+                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="contact-phone-mobile" type="tel" bind:value={formData.phone_mobile} placeholder="+1..." />
                     </div>
                 </div>
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Office Phone</label>
+                    <label class="label text-xs font-bold opacity-75" for="contact-phone-office">Office Phone</label>
                     <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                         <div class="input-group-shim"><Phone size={16} /></div>
-                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="tel" bind:value={formData.phone_office} placeholder="+1..." />
+                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="contact-phone-office" type="tel" bind:value={formData.phone_office} placeholder="+1..." />
                     </div>
                 </div>
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Website URL</label>
+                <label class="label text-xs font-bold opacity-75" for="contact-website">Website URL</label>
                 <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                     <div class="input-group-shim"><Globe size={16} /></div>
-                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="url" bind:value={formData.website_url} placeholder="https://..." />
+                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="contact-website" type="url" bind:value={formData.website_url} placeholder="https://..." />
                 </div>
             </div>
         </fieldset>
@@ -193,28 +193,28 @@
         <!-- Social Media Section -->
         <fieldset class="space-y-4">
             <legend class="text-sm font-bold uppercase tracking-widest opacity-60">Social Media</legend>
-            
+
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">LinkedIn URL</label>
+                <label class="label text-xs font-bold opacity-75" for="contact-linkedin">LinkedIn URL</label>
                 <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                     <div class="input-group-shim"><Linkedin size={16} /></div>
-                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="url" bind:value={formData.linkedin_url} placeholder="https://linkedin.com/in/..." />
+                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="contact-linkedin" type="url" bind:value={formData.linkedin_url} placeholder="https://linkedin.com/in/..." />
                 </div>
             </div>
 
             <div class="grid grid-cols-2 gap-2">
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Facebook URL</label>
+                    <label class="label text-xs font-bold opacity-75" for="contact-facebook">Facebook URL</label>
                     <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                         <div class="input-group-shim"><Facebook size={16} /></div>
-                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="url" bind:value={formData.facebook_url} placeholder="https://facebook.com/..." />
+                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="contact-facebook" type="url" bind:value={formData.facebook_url} placeholder="https://facebook.com/..." />
                     </div>
                 </div>
                 <div class="space-y-1">
-                    <label class="label text-xs font-bold opacity-75">Instagram URL</label>
+                    <label class="label text-xs font-bold opacity-75" for="contact-instagram">Instagram URL</label>
                     <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                         <div class="input-group-shim"><Instagram size={16} /></div>
-                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="url" bind:value={formData.instagram_url} placeholder="https://instagram.com/..." />
+                        <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="contact-instagram" type="url" bind:value={formData.instagram_url} placeholder="https://instagram.com/..." />
                     </div>
                 </div>
             </div>
@@ -223,7 +223,7 @@
         <!-- Status Section -->
         <fieldset class="space-y-4">
             <legend class="text-sm font-bold uppercase tracking-widest opacity-60">Status</legend>
-            
+
             <div class="flex flex-wrap gap-4 pt-2">
                 <label class="flex items-center space-x-2 cursor-pointer">
                     <input class="checkbox" type="checkbox" bind:checked={formData.enable} />
@@ -240,8 +240,8 @@
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Internal Notes</label>
-                <textarea class="textarea variant-filled-surface rounded-lg placeholder-surface-400 p-2" rows="2" bind:value={formData.notes} placeholder="Additional details..."></textarea>
+                <label class="label text-xs font-bold opacity-75" for="contact-notes">Internal Notes</label>
+                <textarea class="textarea variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="contact-notes" rows="2" bind:value={formData.notes} placeholder="Additional details..."></textarea>
             </div>
         </fieldset>
     </div>
diff --git a/src/routes/core/people/[person_id]/+page.svelte b/src/routes/core/people/[person_id]/+page.svelte
index 1f299b96..e8b1b070 100644
--- a/src/routes/core/people/[person_id]/+page.svelte
+++ b/src/routes/core/people/[person_id]/+page.svelte
@@ -430,42 +430,3 @@
 
     <!-- {$slct.person_id ?? 'Unknown ID'} -->
 </section>
-
-<style lang="postcss">
-    /* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
-    div.ae_quick_modal_container {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 100;
-        background-color: hsla(0, 0%, 50%, 0.75);
-        /* padding: 1rem; */
-        /* border: solid thick red; */
-    }
-
-    /* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
-    section.ae_quick_popover {
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        z-index: 100;
-        background-color: hsla(0, 0%, 97%, 0.97);
-        /* margin-top: 1rem;
-    margin-bottom: 2rem; */
-        /* padding: 1rem;
-    padding-top:4rem; */
-        /* padding-bottom: 4rem; */
-        border: solid thin hsla(0, 0%, 0%, 0.9);
-        border-radius: 0.5rem;
-        box-shadow: 0 0 1rem hsla(0, 0%, 0%, 0.5);
-
-        min-height: 30%;
-        /* max-height: 100vh; */
-        min-width: 80%;
-
-        /* overflow-y: auto; */
-    }
-</style>
diff --git a/src/routes/core/people/ae_comp__person_form.svelte b/src/routes/core/people/ae_comp__person_form.svelte
index 21bea949..a0590540 100644
--- a/src/routes/core/people/ae_comp__person_form.svelte
+++ b/src/routes/core/people/ae_comp__person_form.svelte
@@ -168,30 +168,30 @@
 
             <div class="grid grid-cols-4 gap-2">
                 <div class="space-y-1 col-span-1">
-                    <label class="label text-xs font-bold opacity-75">Prefix</label>
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.prefix} placeholder="Mr." />
+                    <label class="label text-xs font-bold opacity-75" for="person-prefix">Prefix</label>
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="person-prefix" type="text" bind:value={formData.prefix} placeholder="Mr." />
                 </div>
                 <div class="space-y-1 col-span-3">
-                    <label class="label text-xs font-bold opacity-75">Given Name</label>
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.given_name} required placeholder="Jane" />
+                    <label class="label text-xs font-bold opacity-75" for="person-given-name">Given Name</label>
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="person-given-name" type="text" bind:value={formData.given_name} required placeholder="Jane" />
                 </div>
             </div>
 
             <div class="grid grid-cols-4 gap-2">
                 <div class="space-y-1 col-span-3">
-                    <label class="label text-xs font-bold opacity-75">Family Name</label>
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.family_name} required placeholder="Doe" />
+                    <label class="label text-xs font-bold opacity-75" for="person-family-name">Family Name</label>
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="person-family-name" type="text" bind:value={formData.family_name} required placeholder="Doe" />
                 </div>
                 <div class="space-y-1 col-span-1">
-                    <label class="label text-xs font-bold opacity-75">Suffix</label>
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.suffix} placeholder="PhD" />
+                    <label class="label text-xs font-bold opacity-75" for="person-suffix">Suffix</label>
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="person-suffix" type="text" bind:value={formData.suffix} placeholder="PhD" />
                 </div>
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Middle Name / Informal Name (Nickname)</label>
+                <label class="label text-xs font-bold opacity-75" for="person-middle-name">Middle Name / Informal Name (Nickname)</label>
                 <div class="grid grid-cols-2 gap-2">
-                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.middle_name} placeholder="Middle" />
+                    <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="person-middle-name" type="text" bind:value={formData.middle_name} placeholder="Middle" />
                     <input class="input variant-filled-surface rounded-lg placeholder-surface-400 p-2" type="text" bind:value={formData.nickname} placeholder="Nickname" />
                 </div>
             </div>
@@ -202,27 +202,27 @@
             <legend class="text-sm font-bold uppercase tracking-widest opacity-60">Contact Information</legend>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Primary Email</label>
+                <label class="label text-xs font-bold opacity-75" for="person-primary-email">Primary Email</label>
                 <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                     <div class="input-group-shim"><Mail size={16} /></div>
-                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="email" bind:value={formData.primary_email} placeholder="jane.doe@example.com" />
+                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="person-primary-email" type="email" bind:value={formData.primary_email} placeholder="jane.doe@example.com" />
                 </div>
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Phone Number</label>
+                <label class="label text-xs font-bold opacity-75" for="person-phone">Phone Number</label>
                 <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                     <div class="input-group-shim"><Phone size={16} /></div>
-                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="tel" bind:value={formData.phone} placeholder="+1 (555) 000-0000" />
+                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="person-phone" type="tel" bind:value={formData.phone} placeholder="+1 (555) 000-0000" />
                 </div>
                 <small class="opacity-60 text-xs px-1">(Saved only locally until Contact created)</small>
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Tagline</label>
+                <label class="label text-xs font-bold opacity-75" for="person-tagline">Tagline</label>
                 <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                     <div class="input-group-shim"><Tag size={16} /></div>
-                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="text" bind:value={formData.tagline} placeholder="Software Architect & Visionary" />
+                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="person-tagline" type="text" bind:value={formData.tagline} placeholder="Software Architect & Visionary" />
                 </div>
             </div>
         </fieldset>
@@ -232,18 +232,18 @@
             <legend class="text-sm font-bold uppercase tracking-widest opacity-60">Professional</legend>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Professional Title</label>
+                <label class="label text-xs font-bold opacity-75" for="person-professional-title">Professional Title</label>
                 <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                     <div class="input-group-shim"><Briefcase size={16} /></div>
-                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="text" bind:value={formData.professional_title} placeholder="Senior Engineer" />
+                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="person-professional-title" type="text" bind:value={formData.professional_title} placeholder="Senior Engineer" />
                 </div>
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Affiliations</label>
+                <label class="label text-xs font-bold opacity-75" for="person-affiliations">Affiliations</label>
                 <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                     <div class="input-group-shim"><Building size={16} /></div>
-                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" type="text" bind:value={formData.affiliations} placeholder="One Sky IT, LLC" />
+                    <input class="bg-transparent border-0 ring-0 focus:ring-0 placeholder-surface-400 p-2" id="person-affiliations" type="text" bind:value={formData.affiliations} placeholder="One Sky IT, LLC" />
                 </div>
             </div>
         </fieldset>
@@ -268,8 +268,8 @@
             </div>
 
             <div class="space-y-1">
-                <label class="label text-xs font-bold opacity-75">Notes (Internal)</label>
-                <textarea class="textarea variant-filled-surface rounded-lg placeholder-surface-400 p-2" rows="3" bind:value={formData.notes} placeholder="Additional details..."></textarea>
+                <label class="label text-xs font-bold opacity-75" for="person-notes">Notes (Internal)</label>
+                <textarea class="textarea variant-filled-surface rounded-lg placeholder-surface-400 p-2" id="person-notes" rows="3" bind:value={formData.notes} placeholder="Additional details..."></textarea>
             </div>
         </fieldset>
 
@@ -277,16 +277,17 @@
             <!-- Admin/Linking Section -->
             <fieldset class="space-y-4 md:col-span-2 border-t border-surface-500/30 pt-4">
                 <legend class="text-sm font-bold uppercase tracking-widest opacity-60">System Linking (Managers Only)</legend>
-                
+
                 <div class="space-y-1 max-w-md">
-                    <label class="label text-xs font-bold opacity-75">Linked User ID (Random)</label>
+                    <label class="label text-xs font-bold opacity-75" for="person-user-id-random">Linked User ID (Random)</label>
                     <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-filled-surface rounded-lg overflow-hidden">
                         <div class="input-group-shim"><Link size={16} /></div>
-                        <input 
-                            class="bg-transparent border-0 ring-0 focus:ring-0 font-mono placeholder-surface-400 p-2" 
-                            type="text" 
-                            bind:value={formData.user_id_random} 
-                            placeholder="e.g. AB12CD34" 
+                        <input
+                            class="bg-transparent border-0 ring-0 focus:ring-0 font-mono placeholder-surface-400 p-2"
+                            id="person-user-id-random"
+                            type="text"
+                            bind:value={formData.user_id_random}
+                            placeholder="e.g. AB12CD34"
                         />
                     </div>
                     <small class="opacity-60 text-[10px] uppercase px-1 tracking-tighter">Enter the unique random ID of the user account to link to this person.</small>
diff --git a/src/routes/core/users/[user_id]/+page.svelte b/src/routes/core/users/[user_id]/+page.svelte
index 6beb4c15..26d8bacf 100644
--- a/src/routes/core/users/[user_id]/+page.svelte
+++ b/src/routes/core/users/[user_id]/+page.svelte
@@ -117,18 +117,18 @@
                 </h3>
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div class="space-y-1">
-                        <label class="label text-xs font-bold opacity-75">Display Name</label>
-                        <input class="input variant-filled-surface rounded-lg p-2" type="text" bind:value={user.name} placeholder="Full Name" />
+                        <label class="label text-xs font-bold opacity-75" for="user-display-name">Display Name</label>
+                        <input class="input variant-filled-surface rounded-lg p-2" id="user-display-name" type="text" bind:value={user.name} placeholder="Full Name" />
                     </div>
                     <div class="space-y-1">
-                        <label class="label text-xs font-bold opacity-75">Email Address</label>
-                        <input class="input variant-filled-surface rounded-lg p-2" type="email" bind:value={user.email} />
+                        <label class="label text-xs font-bold opacity-75" for="user-email">Email Address</label>
+                        <input class="input variant-filled-surface rounded-lg p-2" id="user-email" type="email" bind:value={user.email} />
                     </div>
                     <div class="space-y-1 md:col-span-2">
-                        <label class="label text-xs font-bold opacity-75">Username</label>
+                        <label class="label text-xs font-bold opacity-75" for="user-username">Username</label>
                         <div class="input-group input-group-divider grid-cols-[auto_1fr] variant-soft rounded-lg overflow-hidden border border-surface-500/20">
                             <div class="input-group-shim !pl-4 !pr-0"><Fingerprint size={16} /></div>
-                            <input class="bg-transparent border-0 ring-0 focus:ring-0 font-mono opacity-60 p-2" type="text" bind:value={user.username} disabled />
+                            <input class="bg-transparent border-0 ring-0 focus:ring-0 font-mono opacity-60 p-2" id="user-username" type="text" bind:value={user.username} disabled />
                         </div>
                         <p class="text-[10px] opacity-50 mt-1 italic uppercase tracking-tighter">Username changes are currently restricted.</p>
                     </div>
diff --git a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_review_form.svelte b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_review_form.svelte
index 80dd5053..dd7809c0 100644
--- a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_review_form.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_review_form.svelte
@@ -1031,9 +1031,10 @@
                                 {#each [1, 2, 3, 4, 5, 6, 7, 8] as idx}
                                     {#if ($lq__event_badge_obj[`other_${idx}_code`] || local_edit_active)}
                                         <div class="space-y-1">
-                                            <label class="block text-xs text-gray-500">Option {idx}</label>
+                                            <label class="block text-xs text-gray-500" for="badge-option-{idx}">Option {idx}</label>
                                             {#if local_edit_active}
                                                 <input
+                                                    id="badge-option-{idx}"
                                                     type="text"
                                                     class="input input-sm w-full"
                                                     value={get_option_code(idx) ?? ''}
@@ -1062,9 +1063,10 @@
                                 {#each [1, 2, 3, 4, 5, 6, 7, 8] as idx}
                                     {#if ($lq__event_badge_obj[`ticket_${idx}_code`] || local_edit_active)}
                                         <div class="space-y-1">
-                                            <label class="block text-xs text-gray-500">Ticket {idx}</label>
+                                            <label class="block text-xs text-gray-500" for="badge-ticket-{idx}">Ticket {idx}</label>
                                             {#if local_edit_active}
                                                 <input
+                                                    id="badge-ticket-{idx}"
                                                     type="text"
                                                     class="input input-sm w-full"
                                                     value={get_ticket_code(idx) ?? ''}
diff --git a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_app_modes.svelte b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_app_modes.svelte
index e2dbfdd5..3ddbea66 100644
--- a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_app_modes.svelte
+++ b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_app_modes.svelte
@@ -20,8 +20,8 @@
     <div class="col-span-full flex flex-col gap-3">
         <!-- 1. App Mode Selection -->
         <div class="flex flex-col gap-1">
-            <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                >Operational Environment</label
+            <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+                >Operational Environment</p
             >
             <div class="grid grid-cols-3 gap-1 bg-surface-500/5 p-1 rounded-lg">
                 <button
@@ -58,8 +58,8 @@
         <div
             class="flex flex-col gap-1 border-t border-surface-500/10 pt-2 mt-1"
         >
-            <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                >Interface Visibility</label
+            <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+                >Interface Visibility</p
             >
             <div class="grid grid-cols-2 gap-2 p-1">
                 <label class="flex items-center gap-2 cursor-pointer group">
@@ -135,8 +135,8 @@
             <div
                 class="col-span-full border-t border-surface-500/20 pt-3 mt-1 flex flex-col gap-2"
             >
-                <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                    >Technical Layout</label
+                <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+                    >Technical Layout</p
                 >
                 <div class="grid grid-cols-1 gap-2 p-1">
                     <label class="flex items-center gap-2 cursor-pointer group">
diff --git a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_controller.svelte b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_controller.svelte
index 73e16d2d..95b7bace 100644
--- a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_controller.svelte
+++ b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_controller.svelte
@@ -48,8 +48,8 @@
 
         <!-- 2. Controller Mode Selection -->
         <div class="flex flex-col gap-1">
-            <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                >Controller Strategy</label
+            <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+                >Controller Strategy</p
             >
             <select
                 bind:value={$events_loc.launcher.controller}
@@ -103,8 +103,8 @@
             <div
                 class="col-span-full border-t border-surface-500/20 pt-3 mt-1 flex flex-col gap-2"
             >
-                <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                    >Channel Configuration</label
+                <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+                    >Channel Configuration</p
                 >
                 <div class="flex gap-1">
                     <input
diff --git a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_local_actions.svelte b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_local_actions.svelte
index 0dec5e8d..afc6337d 100644
--- a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_local_actions.svelte
+++ b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_local_actions.svelte
@@ -133,8 +133,8 @@
             <div
                 class="col-span-full border-t border-surface-500/20 pt-2 mt-1 flex flex-col gap-1"
             >
-                <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                    >API Context</label
+                <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+                    >API Context</p
                 >
                 <div
                     class="bg-black/10 p-2 rounded text-[9px] font-mono opacity-60 break-all leading-tight"
diff --git a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_native_os.svelte b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_native_os.svelte
index 2241028e..6d999375 100644
--- a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_native_os.svelte
+++ b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_native_os.svelte
@@ -66,8 +66,8 @@
 
     <!-- 1. Window & Folders (Common) -->
     <div class="flex flex-col gap-2">
-        <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-            >Folders & View</label
+        <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+            >Folders & View</p
         >
         <div class="grid grid-cols-2 gap-1">
             <button
@@ -109,8 +109,8 @@
     <!-- 2. Presentation Remote Control (Common) -->
     <div class="flex flex-col gap-2">
         <div class="flex flex-row justify-between items-center px-1">
-            <label class="text-[9px] font-bold uppercase opacity-50"
-                >Remote Control</label
+            <p class="text-[9px] font-bold uppercase opacity-50"
+                >Remote Control</p
             >
             <select
                 bind:value={remote_app}
@@ -171,8 +171,8 @@
         >
             <div class="grid grid-cols-2 gap-2">
                 <div class="flex flex-col gap-1">
-                    <label class="text-[9px] font-bold uppercase opacity-50"
-                        >System Actions</label
+                    <p class="text-[9px] font-bold uppercase opacity-50"
+                        >System Actions</p
                     >
                     <div class="grid grid-cols-1 gap-1">
                         <button
@@ -237,8 +237,8 @@
             </div>
 
             <div class="flex flex-col gap-1">
-                <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                    >Terminal Access</label
+                <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+                    >Terminal Access</p
                 >
                 <div class="flex gap-1">
                     <input
diff --git a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_screen_saver.svelte b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_screen_saver.svelte
index 4b917868..8b97da5d 100644
--- a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_screen_saver.svelte
+++ b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_screen_saver.svelte
@@ -23,8 +23,8 @@
         <!-- 1. Technical Timers (Edit Mode Only) -->
         {#if $ae_loc.edit_mode}
             <div class="flex flex-col gap-2">
-                <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                    >Screen Saver Timers (ms)</label
+                <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+                    >Screen Saver Timers (ms)</p
                 >
                 <div
                     class="grid grid-cols-1 gap-2 bg-surface-500/5 p-2 rounded border border-surface-500/10"
diff --git a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_sync_timers.svelte b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_sync_timers.svelte
index 5e5314d9..cf3c0183 100644
--- a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_sync_timers.svelte
+++ b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_sync_timers.svelte
@@ -43,9 +43,9 @@
             <!-- Technical Timers (Edit Mode Only) -->
             {#if $ae_loc.edit_mode}
                 <div class="flex flex-col gap-2">
-                    <label
+                    <p
                         class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                        >Polling Periods (ms)</label
+                        >Polling Periods (ms)</p
                     >
                     <div class="grid grid-cols-2 gap-2">
                         <div class="flex flex-col gap-1">
@@ -125,9 +125,9 @@
                 <div
                     class="flex flex-col gap-1 mt-1 border-t border-surface-500/10 pt-2"
                 >
-                    <label
+                    <p
                         class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                        >Cache Structure</label
+                        >Cache Structure</p
                     >
                     <div class="flex items-center justify-between px-1">
                         <span class="text-[9px]">Hash Prefix Length</span>
diff --git a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_template.svelte b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_template.svelte
index 5225fe7d..dda41a2b 100644
--- a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_template.svelte
+++ b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_template.svelte
@@ -56,8 +56,8 @@
 
     <!-- B. COMMON GRID SECTION (Read Only / High Level) -->
     <div class="flex flex-col gap-2">
-        <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-            >Standard Actions</label
+        <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+            >Standard Actions</p
         >
 
         <!-- Action Buttons -->
@@ -108,8 +108,8 @@
 
     <!-- C. STATUS & GAUGES SECTION -->
     <div class="flex flex-col gap-2">
-        <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-            >Current Status</label
+        <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+            >Current Status</p
         >
 
         <div
@@ -224,8 +224,8 @@
 
             <!-- Terminal / Output Log -->
             <div class="flex flex-col gap-1">
-                <label class="text-[9px] font-bold uppercase opacity-50 ml-1"
-                    >Debug Output</label
+                <p class="text-[9px] font-bold uppercase opacity-50 ml-1"
+                    >Debug Output</p
                 >
                 <pre
                     class="text-[8px] bg-black text-green-500 p-2 overflow-x-auto rounded border border-surface-500/50 max-h-24 shadow-inner">
diff --git a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_updates.svelte b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_updates.svelte
index ce8d27fa..31482353 100644
--- a/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_updates.svelte
+++ b/src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_updates.svelte
@@ -69,8 +69,8 @@
                 class="flex flex-col gap-2 bg-surface-500/5 p-2 rounded border border-surface-500/10 mb-1"
             >
                 <div class="flex flex-row justify-between items-center px-1">
-                    <label class="text-[9px] font-bold uppercase opacity-50"
-                        >Source Type</label
+                    <p class="text-[9px] font-bold uppercase opacity-50"
+                        >Source Type</p
                     >
                     <div class="flex gap-2">
                         <label class="flex items-center gap-1 text-[10px]">
diff --git a/src/routes/events/[event_id]/(leads)/leads/exhibit/[exhibit_id]/ae_comp__exhibit_custom_questions.svelte b/src/routes/events/[event_id]/(leads)/leads/exhibit/[exhibit_id]/ae_comp__exhibit_custom_questions.svelte
index 1368133f..8f407b97 100644
--- a/src/routes/events/[event_id]/(leads)/leads/exhibit/[exhibit_id]/ae_comp__exhibit_custom_questions.svelte
+++ b/src/routes/events/[event_id]/(leads)/leads/exhibit/[exhibit_id]/ae_comp__exhibit_custom_questions.svelte
@@ -116,24 +116,24 @@
                 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                     <!-- Question / display label -->
                     <div class="space-y-1">
-                        <label class="text-[10px] uppercase font-bold opacity-40">Question / Label</label>
+                        <label class="text-[10px] uppercase font-bold opacity-40" for="custom-q-{i}-question">Question / Label</label>
                         <div class="flex items-center gap-2">
                             <MessageSquare size="1em" class="opacity-30 flex-none" />
-                            <input type="text" bind:value={q.question} placeholder="e.g. Purchasing Authority?" class="bg-transparent border-b border-surface-500/20 outline-none flex-1 text-sm font-bold" />
+                            <input id="custom-q-{i}-question" type="text" bind:value={q.question} placeholder="e.g. Purchasing Authority?" class="bg-transparent border-b border-surface-500/20 outline-none flex-1 text-sm font-bold" />
                         </div>
                     </div>
 
                     <!-- Code / machine key -->
                     <div class="space-y-1">
-                        <label class="text-[10px] uppercase font-bold opacity-40">Field Code <span class="normal-case font-normal opacity-70">(key in export)</span></label>
-                        <input type="text" bind:value={q.code} placeholder="e.g. purchasing_authority" class="bg-transparent border-b border-surface-500/20 outline-none w-full text-xs font-mono" />
+                        <label class="text-[10px] uppercase font-bold opacity-40" for="custom-q-{i}-code">Field Code <span class="normal-case font-normal opacity-70">(key in export)</span></label>
+                        <input id="custom-q-{i}-code" type="text" bind:value={q.code} placeholder="e.g. purchasing_authority" class="bg-transparent border-b border-surface-500/20 outline-none w-full text-xs font-mono" />
                     </div>
                 </div>
 
                 <!-- Response Type -->
                 <div class="space-y-1">
-                    <label class="text-[10px] uppercase font-bold opacity-40">Response Type</label>
-                    <select bind:value={q.type} class="select variant-filled-surface text-xs p-1 rounded w-full">
+                    <label class="text-[10px] uppercase font-bold opacity-40" for="custom-q-{i}-type">Response Type</label>
+                    <select id="custom-q-{i}-type" bind:value={q.type} class="select variant-filled-surface text-xs p-1 rounded w-full">
                         <option value="text">Short Text</option>
                         <option value="textarea">Long Text</option>
                         <option value="toggle">Yes / No (Toggle)</option>
@@ -143,10 +143,11 @@
 
                 {#if q.type === 'option'}
                     <div class="space-y-1 pt-2 border-t border-surface-500/10">
-                        <label class="text-[10px] uppercase font-bold opacity-40">Options (comma-separated)</label>
+                        <label class="text-[10px] uppercase font-bold opacity-40" for="custom-q-{i}-options">Options (comma-separated)</label>
                         <div class="flex items-center gap-2">
                             <List size="1em" class="opacity-30 flex-none" />
                             <input
+                                id="custom-q-{i}-options"
                                 type="text"
                                 value={get_options_str(q)}
                                 oninput={(e) => set_options_str(q, (e.target as HTMLInputElement).value)}
diff --git a/src/routes/events/[event_id]/(leads)/leads/exhibit/[exhibit_id]/ae_tab__manage.svelte b/src/routes/events/[event_id]/(leads)/leads/exhibit/[exhibit_id]/ae_tab__manage.svelte
index 92ed1f2d..a4b97754 100644
--- a/src/routes/events/[event_id]/(leads)/leads/exhibit/[exhibit_id]/ae_tab__manage.svelte
+++ b/src/routes/events/[event_id]/(leads)/leads/exhibit/[exhibit_id]/ae_tab__manage.svelte
@@ -54,7 +54,7 @@
 </script>
 
 <div class="ae-tab-manage w-full space-y-8 animate-in fade-in slide-in-from-bottom-2 duration-300 pb-20">
-    
+
     <!-- Section: Admin Tools (Manager Access Only) -->
     {#if $ae_loc.manager_access}
         <section class="space-y-4 p-4 border-2 border-primary-500/20 rounded-xl bg-primary-500/5">
@@ -134,9 +134,9 @@
         <div class="grid grid-cols-1 gap-6">
             <!-- Name -->
             <div class="card p-4 variant-soft shadow-sm">
-                <label class="label mb-2">
+                <div class="label mb-2">
                     <span class="text-xs uppercase font-black opacity-40 tracking-widest">Exhibitor Name</span>
-                </label>
+                </div>
                 <Element_ae_obj_field_editor_v3
                     object_type="event_exhibit"
                     object_id={exhibit_id}
@@ -152,9 +152,9 @@
 
             <!-- Description -->
             <div class="card p-4 variant-soft shadow-sm">
-                <label class="label mb-2">
+                <div class="label mb-2">
                     <span class="text-xs uppercase font-black opacity-40 tracking-widest">Booth Description / Promo</span>
-                </label>
+                </div>
                 <Element_ae_obj_field_editor_v3
                     object_type="event_exhibit"
                     object_id={exhibit_id}
@@ -182,7 +182,7 @@
                 <div class="flex items-center justify-between">
                     <div class="flex-1">
                         <div class="text-[10px] uppercase font-black opacity-40 tracking-widest mb-1">Staff Passcode</div>
-                        
+
                         <!-- Add a clear read-only display for admins to see the code at a glance -->
                         {#if $ae_loc.administrator_access}
                             <div class="font-mono text-xl tracking-widest font-bold text-primary-500 mb-2">
@@ -241,7 +241,7 @@
             <!-- Licenses (Administrator Access Only for now) -->
             {#if $ae_loc.administrator_access}
                 <div class="p-0">
-                    <button 
+                    <button
                         class="w-full p-4 flex items-center justify-between hover:bg-surface-500/5 transition-colors group"
                         onclick={() => show_license_mgmt = !show_license_mgmt}
                     >
@@ -258,7 +258,7 @@
                             <ChevronRight size="1.2em" class="opacity-20 group-hover:translate-x-1 transition-transform" />
                         {/if}
                     </button>
-                    
+
                     {#if show_license_mgmt}
                         <div class="p-4 bg-surface-500/5 border-t border-surface-500/10 animate-in fade-in slide-in-from-top-2">
                             <Comp_exhibit_license_list
@@ -274,7 +274,7 @@
 
             <!-- Custom Questions -->
             <div class="p-0">
-                <button 
+                <button
                     class="w-full p-4 flex items-center justify-between hover:bg-surface-500/5 transition-colors group"
                     onclick={() => show_custom_questions = !show_custom_questions}
                 >
@@ -305,7 +305,7 @@
 
             <!-- Billing -->
             <div class="p-0">
-                <button 
+                <button
                     class="w-full p-4 flex items-center justify-between hover:bg-surface-500/5 transition-colors group"
                     onclick={() => show_billing = !show_billing}
                 >
@@ -343,7 +343,7 @@
             <!-- Interface Prefs -->
             <div class="space-y-3">
                 <div class="text-[10px] uppercase font-black opacity-40 tracking-widest">Interface Preferences</div>
-                
+
                 <div class="grid grid-cols-1 gap-2">
                     <label class="flex items-center justify-between p-2 hover:bg-surface-500/10 rounded-lg cursor-pointer transition-colors">
                         <span class="text-sm">Auto-hide Header/Footer</span>
@@ -373,7 +373,7 @@
                         {/if}
                     </div>
                 </div>
-                
+
                 <div class="flex items-center gap-4 p-2 bg-surface-500/5 rounded-lg border border-surface-500/10">
                     <div class="flex-1 space-y-1">
                         <span class="text-sm block">Refresh Interval (sec)</span>
@@ -381,11 +381,11 @@
                             Next Sync in <span class="text-primary-500">{$events_sess.leads.next_refresh_countdown}s</span>
                         </div>
                     </div>
-                    <input 
-                        type="number" 
-                        class="input w-20 text-right font-mono p-1 bg-transparent border-b border-surface-500/20" 
-                        min="1" 
-                        max="120" 
+                    <input
+                        type="number"
+                        class="input w-20 text-right font-mono p-1 bg-transparent border-b border-surface-500/20"
+                        min="1"
+                        max="120"
                         bind:value={$events_loc.leads.refresh_interval_sec}
                         placeholder="25"
                     />
diff --git a/src/routes/events/[event_id]/(pres_mgmt)/location/[event_location_id]/location_view.svelte b/src/routes/events/[event_id]/(pres_mgmt)/location/[event_location_id]/location_view.svelte
index db19fbca..e48f1fdc 100644
--- a/src/routes/events/[event_id]/(pres_mgmt)/location/[event_location_id]/location_view.svelte
+++ b/src/routes/events/[event_id]/(pres_mgmt)/location/[event_location_id]/location_view.svelte
@@ -328,42 +328,3 @@
         </div>
     </section>
 {/if}
-
-<style lang="postcss">
-    /* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
-    div.ae_quick_modal_container {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 100;
-        background-color: hsla(0, 0%, 50%, 0.75);
-        /* padding: 1rem; */
-        /* border: solid thick red; */
-    }
-
-    /* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
-    section.ae_quick_popover {
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        z-index: 100;
-        background-color: hsla(0, 0%, 97%, 0.97);
-        /* margin-top: 1rem;
-    margin-bottom: 2rem; */
-        /* padding: 1rem;
-    padding-top:4rem; */
-        /* padding-bottom: 4rem; */
-        border: solid thin hsla(0, 0%, 0%, 0.9);
-        border-radius: 0.5rem;
-        box-shadow: 0 0 1rem hsla(0, 0%, 0%, 0.5);
-
-        min-height: 30%;
-        /* max-height: 100vh; */
-        min-width: 80%;
-
-        /* overflow-y: auto; */
-    }
-</style>
diff --git a/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/+page.svelte b/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/+page.svelte
index 15dff6d5..e2ac5ed8 100644
--- a/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/+page.svelte
+++ b/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/+page.svelte
@@ -482,6 +482,7 @@
                     <span class="fas fa-remove-format"></span>
                 </button>
 
+                <!-- svelte-ignore a11y_autofocus -->
                 <input
                     type="search"
                     placeholder="Search for a session"
diff --git a/src/routes/events/[event_id]/(pres_mgmt)/reports/reports_presenters.svelte b/src/routes/events/[event_id]/(pres_mgmt)/reports/reports_presenters.svelte
index a9be37f2..d29a49b3 100644
--- a/src/routes/events/[event_id]/(pres_mgmt)/reports/reports_presenters.svelte
+++ b/src/routes/events/[event_id]/(pres_mgmt)/reports/reports_presenters.svelte
@@ -274,11 +274,11 @@
                 // We need to loop through the array of objects and get the event_presenter_id_random from each object a new list of event_presenter_id_randoms. Then we can use this list to get the full objects from the database.
                 // let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
                 // for (let i = 0; i < $events_slct.event_presenter_obj_li.length; i++) {
-                //     tmp_li.push($events_slct.event_presenter_obj_li[i].event_presenter_id_random);
+                //     tmp_li.push($events_slct.event_presenter_obj_li[i].event_presenter_id);
                 // }
                 // event_presenter_id_random_li = tmp_li;
 
-                // event_presenter_id_random_li = $events_slct.event_presenter_obj_li.map(presenter_obj => presenter_obj.event_presenter_id_random);
+                // event_presenter_id_random_li = $events_slct.event_presenter_obj_li.map(presenter_obj => presenter_obj.event_presenter_id);
 
                 // Finally done with the search.
                 $events_sess.pres_mgmt.status_qry__search = 'done';
diff --git a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
index 36791461..3a6f3098 100644
--- a/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
+++ b/src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_edit.svelte
@@ -476,6 +476,7 @@ Copy and paste link: <a href="${link_base_url}?post_id=${post_do.post_id}">${lin
                     <span class="text-sm font-semibold text-surface-600-400">
                         Title of BB post:
                     </span>
+                    <!-- svelte-ignore a11y_autofocus -->
                     <input
                         autofocus
                         type="text"
diff --git a/src/routes/testing/ae_obj_field_editor_v3/+page.svelte b/src/routes/testing/ae_obj_field_editor_v3/+page.svelte
index 0e51145b..38fe86db 100644
--- a/src/routes/testing/ae_obj_field_editor_v3/+page.svelte
+++ b/src/routes/testing/ae_obj_field_editor_v3/+page.svelte
@@ -180,7 +180,7 @@
                     </div>
 
                     <div class="field_group">
-                        <label class="label text-xs font-bold opacity-50 mb-1 uppercase tracking-tighter">Content (TipTap)</label>
+                        <p class="label text-xs font-bold opacity-50 mb-1 uppercase tracking-tighter">Content (TipTap)</p>
                         <AE_Obj_Field_Editor_V3
                             object_type="journal_entry"
                             object_id={test_journal_entry_id}