[A11Y] [Medium] Dynamic content updates not announced to screen readers

[continue]

Accessibility Issue: Dynamic Content Not Announced

WCAG Level: A
Severity: Medium
Category: Dynamic Content

Issue Description

When quiz questions change or results are displayed, screen reader users are not notified of the content updates. The application relies heavily on dynamic content changes without ARIA live regions.

User Impact

• Affected Users: Blind/Low Vision users, Screen reader users
• Severity: Users miss important content updates during quiz progression

Violations Found

File: `index.html`

Lines: 48-55 (Quiz card section)

Current Code:
```html

Core Question

\`\`\`

Issues:

1. Question text changes without announcing to screen readers
2. Model status updates silently
3. Results display without announcement

---

Recommended Fix

For index.html:
```html

Core Question

\`\`\`

Add status announcement for model loading:
```html

Loading ML weights…

\`\`\`

Add results announcement:
```html

\`\`\`

Testing Instructions

1. Start assessment with screen reader active
2. Progress through questions
3. Verify each question is announced
4. Verify results are announced when displayed

Resources

• WCAG 4.1.3 Status Messages
• MDN aria-live

Acceptance Criteria

• Question changes are announced
• Results are announced when displayed
• Status messages use appropriate aria-live values
• Manual testing with screen reader completed

---