Koen Dekker Logo

Steam 2.0

Steam 2.0 Main Interface Steam 2.0 Homepage Steam 2.0 Game Store Steam 2.0 Accessibility Features

About this Project

As part of the Front-End Development course, I recreated the Steam website with a focus on accessibility for users with various impairments. This project improved my skills in HTML, CSS, and JavaScript while emphasizing the importance of inclusive design.

Technical Details

  • Responsive design that works across all device sizes
  • Keyboard navigation support for users with motor impairments
  • High contrast mode for users with visual impairments
  • Screen reader compatibility
  • Reduced motion options for users with vestibular disorders

Development Process

The project was built using semantic HTML5, modern CSS3 features, and vanilla JavaScript. I focused on creating a clean, maintainable codebase that follows web accessibility guidelines (WCAG 2.1). One of the main challenges was maintaining the visual appeal of the Steam interface while ensuring it remained accessible. I solved this by implementing a flexible design system that could adapt to different user needs without compromising the user experience.