f495ee23c2
- Fix color contrast: change #179e83 to #148069 for WCAG AA compliance - Add ARIA attributes to mobile nav toggle (aria-expanded, aria-controls) - Implement focus trap on mobile menu with Escape key support - Add aria-hidden to decorative hero SVG - Add ARIA validation to contact form (aria-invalid, aria-describedby) - Fix touch target sizes (notification close button 48x48px) - Fix form session expiration by relaxing timestamp validation - Add cache busting (v1.1.0) to JS/CSS files - Update service worker cache version to force refresh Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
27 lines
1.2 KiB
PHP
27 lines
1.2 KiB
PHP
<!-- Navigation -->
|
|
<nav class="navbar" id="navbar">
|
|
<div class="nav-container">
|
|
<div class="nav-logo">
|
|
<a href="/">
|
|
<picture>
|
|
<source srcset="/assets/images/ukds-main-logo.webp" type="image/webp">
|
|
<img src="/assets/images/ukds-main-logo.png" alt="UK Data Services" class="logo">
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
<div class="nav-menu" id="nav-menu">
|
|
<a href="/" class="nav-link">Home</a>
|
|
<a href="/#services" class="nav-link">Capabilities</a>
|
|
<a href="/project-types" class="nav-link">Project Types</a>
|
|
<a href="/about" class="nav-link">About</a>
|
|
<a href="/blog/" class="nav-link">Blog</a>
|
|
<a href="/#contact" class="nav-link">Contact</a>
|
|
<a href="/quote" class="nav-link cta-button">Request Consultation</a>
|
|
</div>
|
|
<button class="nav-toggle" id="nav-toggle" aria-expanded="false" aria-controls="nav-menu" aria-label="Toggle navigation menu">
|
|
<span class="bar"></span>
|
|
<span class="bar"></span>
|
|
<span class="bar"></span>
|
|
</button>
|
|
</div>
|
|
</nav> |