🧠 A11y Fix #2 — ARIA semantics for dashboard page (tabs, cards, forms, dialogs)

[welshDog]

🧠 What This PR Does

Second wave of accessibility fixes — targets page.tsx, the main dashboard UI.
Builds on the landmark/skip-nav foundation from PR #32.

✅ All 15 dashboard tests passing on this branch.

---

📋 Changes — agents/dashboard/app/page.tsx

Component	Fix Applied	WCAG Criterion	Severity
Tab navigation	role="tablist", role="tab", aria-selected, aria-controls	4.1.2 Name, Role, Value	CRITICAL
Tab panels	role="tabpanel", aria-labelledby, tabIndex={0}	1.3.1 Info & Relationships	CRITICAL
Agent cards	role="list" / role="listitem"	1.3.1	HIGH
CPU/RAM/Task bars	role="progressbar" + aria-valuenow/min/max	4.1.2	HIGH
Command input	<label className="sr-only"> + id="command-input"	1.3.1 / 3.3.2	HIGH
Decorative icons	aria-hidden="true" on all visual-only icons/dots	1.1.1 Non-text Content	MEDIUM
Auth overlay	role="dialog", aria-modal="true", aria-labelledby	4.1.2	CRITICAL
Auth form fields	Proper htmlFor/id wiring for email + password	1.3.1 / 3.3.2	HIGH

---

🧪 How to Verify

# Tests
npm -C agents/dashboard test

# Build check
npm -C agents/dashboard run build

# Full axe-core scan
npx @axe-core/cli http://localhost:8088 --exit

# CI gate
python scripts/check_a11y_gate.py --report reports/axe.json --fail-on CRITICAL,HIGH

---

🎯 Expected CI Gate Result

All CRITICAL and HIGH axe violations from page.tsx resolved.
Gate: PASS ✅

---

🔮 What's Next (PR #3)

• Sensory profile theme switcher (CALM / FOCUS / ENERGISE)
• OpenDyslexic font option in user settings
• Cognitive load meter widget
• aria-live regions for real-time agent status updates

---

🧠 Part of the HyperCode V2.0 Neurodivergent IDE Audit remediation plan.
Stacks after PR #32 — both can merge independently to main.