Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

a11y + CSS cleanup: fix label associations, remove orphaned style blocks, suppress autofocus

Browse Source 
- 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)
This commit is contained in:
Scott Idem
2026-03-05 21:28:16 -05:00
parent b766942373
commit 609818c361
21 changed files with 154 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_app_modes.svelte
View File

@@ -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">

8
src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_controller.svelte
View File

@@ -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

4
src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_local_actions.svelte
View File

@@ -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"

16
src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_native_os.svelte
View File

@@ -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

4
src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_screen_saver.svelte
View File

@@ -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"

8
src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_sync_timers.svelte
View File

@@ -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>

12
src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_template.svelte
View File

@@ -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">

4
src/routes/events/[event_id]/(launcher)/cfg_components/launcher_cfg_updates.svelte
View File

@@ -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]">