Portfolio

Butte’s gear rental website served a wide audience—from local skiers to international tourists—but wasn’t meeting modern usability or accessibility standards. Forms lacked semantic structure, mobile layout was inconsistent, and key site functions weren’t accessible via keyboard or screen readers. The site needed a thoughtful rebuild to ensure smoother access and clearer interaction across all devices and input methods.

I tackled the site’s accessibility and responsive gaps by auditing the codebase and implementing strategic front-end improvements:

• Semantic HTML: Reworked form markup using correct input types and labels to improve assistive tech support.
• ARIA & Alt Attributes: Applied ARIA roles and descriptive alt text where needed to enhance clarity for screen readers.
• Focus Management: Ensured that navigation and form elements supported clear, visible keyboard focus.
• Responsive Layout Fixes: Refined layout and spacing for consistent appearance and usability across device sizes.
• Contrast Optimization: Offered consultation and CSS updates to improve text and background contrast for better visibility.

• Better Mobile Experience: Improved layout responsiveness and reduced user frustration on smaller screens.
• Accessibility Wins: Site elements are now operable via keyboard and compatible with common screen readers.
• Improved Conversion Readiness: More accessible forms and cleaner navigation help reduce drop-offs in the rental flow.
• Inclusive Design Foundation: The site now serves a broader audience with confidence and ease.

• Accessible forms and focusable UI help eliminate barriers for users with disabilities.
• Mobile optimization isn’t just about shrinking elements—it’s about rethinking layout, flow, and touch interaction.
• Contrast and semantic markup play a critical role in usability and compliance.
• Inclusive design creates a better experience for everyone—not just those with accessibility needs.