Goals
- WCAG 2.1 AA compliance across critical flows
- Sub-second load for key booking pages
- Clear content structure for patients and staff
Approach
WordPress with a lean Elementor setup, custom booking UI, and strict semantic structure. Accessibility baked in: ARIA roles, form labels, focus management, and high contrast themes. Media optimized with WebP and explicit dimensions to prevent CLS.
- Semantic HTML with predictable keyboard navigation
- Custom Elementor widget for API-backed booking
- Optimized images and caching for speed
Performance & UX
Reduced input latency and ensured consistent layout under dynamic content. Added clear form states, error handling, and mobile-first spacing for readability.
- Stable interactions for assisted technologies
- Accessible forms with clear feedback
- Consistent Core Web Vitals on production
Outcomes
Bookings increased and support requests about "how to book" dropped. The site now serves all users effectively and feels professional.