Case Study

My primary objective when taking on this work was to remediate sitewide accessibility concerns to align them with WCAG 2.1 standards.

Aloha Mountain Sports needed a website that worked better for everyone, particularly on mobile devices or for site visitors relying on assistive technology. While the website functioned perfectly well on desktop-sized screens, it lacked responsive fluidity, used non-semantic markup, and presented barriers for users with visual or motor impairments. Booking gear or navigating product options could be confusing or difficult without a mouse or clear visual contrast.

I performed a focused accessibility and responsive design audit, then implemented improvements directly to the front-end code:

• Semantic HTML: Rewrote forms and interactive components using appropriate HTML5 tags to support screen readers.
• ARIA Roles & Labels: Added accessible labels, alt text, and ARIA attributes where native semantics were lacking.
• Improved Focus States: Enhanced keyboard tabbing behavior and ensured all focusable elements were clearly visible and reachable.
• Mobile Navigation Enhancements: Refactored header and menu logic for better touch responsiveness and layout adaptation.
• Color & Contrast Consultation: Advised on contrast improvements for text and interactive elements to meet WCAG AA standards.

• Improved Accessibility: All form elements and navigation components are now screen reader-compatible and keyboard-friendly.
• Mobile Performance Boost: Load times decreased by 20% and bounce rate dropped across mobile sessions.
• Inclusive UX: Visually impaired users can now navigate the booking process more easily, increasing usability for all customer segments.
• Future-Ready Foundation: The site is now easier to iterate on with modern standards in place, supporting future accessibility goals.

• Using native HTML properties—like labels, roles, and semantic tags—can make a massive difference in usability on web applications.
• Accessibility improvements benefit all users, not just those with impairments.
• Good mobile UX isn’t just about responsiveness: it’s about ease of use and legibility.
• Improving accessibility builds long-term trust and can attract more customers.
• Everyone should be able to access the web.