[A11Y] [Medium] Skip link and navigation improvements needed

[continue]

Accessibility Issue: Missing Skip Link

WCAG Level: A
Severity: Medium
Category: Skip Links & Navigation

Issue Description

The application lacks a "Skip to main content" link, forcing keyboard users to tab through all navigation elements to reach the main content.

User Impact

• Affected Users: Keyboard-only users, Screen reader users
• Severity: Repetitive navigation on each page load

Violations Found

File: `index.html`

Lines: 10-14

Current Code:
```html

PathFinder AI

\`\`\`

Issue: No skip link present as first focusable element

---

Recommended Fix

Add skip link after body tag:
```html

Skip to main content \`\`\`

Add id to main element:
```html

\`\`\`

Add CSS for skip link:
```css
.skip-link {
position: absolute;
top: -40px;
left: 0;
background: var(--brand);
color: #032036;
padding: 0.5rem 1rem;
z-index: 100;
font-weight: 700;
text-decoration: none;
border-radius: 0 0 8px 0;
}

.skip-link:focus {
top: 0;
}
```

Testing Instructions

1. Load page and press Tab
2. Skip link should appear and be first focusable element
3. Pressing Enter should jump focus to main content
4. Test with screen reader

Resources

• WCAG 2.4.1 Bypass Blocks
• WebAIM Skip Navigation

Acceptance Criteria

• Skip link is first focusable element
• Skip link visible on focus
• Skip link jumps to main content
• Manual testing completed

---