EqualPath

Empowering Disability-Inclusive Travel through Transparent, Personalized Accessibility Information

Comment

Inspiration

EqualPath was inspired by the frustration experienced by travelers with disabilities who often encounter inadequate accessibility information when booking hotels. Generic wheelchair icons provide minimal insight into whether a property truly meets individual accessibility needs. Many travelers have arrived at hotels only to discover that bathrooms weren't actually accessible or that doorways were too narrow for their wheelchairs.

The core inspiration came from the belief that everyone deserves to travel with confidence. By providing detailed, verified information about accessible facilities—including specific measurements, photos, and videos—we empower individuals with disabilities to make informed decisions about their accommodations.

What it does

EqualPath is a comprehensive accessible hotel discovery platform that goes far beyond basic accessibility icons. The platform provides:

Detailed Accessibility Information:

  • Specific measurements (door widths, shower dimensions, hallway widths)
  • Comprehensive feature lists for each accessibility category
  • Verified accessibility assessments with measurement documentation

Visual Content:

  • High-quality photos of accessible facilities
  • Video tours showcasing accessibility features
  • Virtual tour links for immersive exploration

Accessibility Categories Covered:

  • Mobility & Wheelchair Access
  • Visual Impairment Support
  • Hearing Impairment Features
  • Cognitive & Sensory Accommodations
  • Service Animal Welcome Policy
  • Allergy & Sensitivity Options

User-Customizable Experience:

  • Adjustable text size
  • High contrast mode
  • Dyslexia-friendly font
  • Reduced motion options
  • Enhanced focus indicators

How we built it

The website was built with the help of Kilo code using vanilla HTML, CSS, and JavaScript with a focus on accessibility-first design

HTML Structure:

  • Semantic HTML5 elements (header, main, nav, article, section)
  • ARIA landmarks and labels throughout
  • Skip-to-content link for keyboard users
  • Proper heading hierarchy
  • Accessible form controls with labels

CSS Styling:

  • CSS custom properties for theming
  • WCAG AA compliant color contrast
  • Responsive grid layouts
  • Smooth transitions (respecting reduced motion preferences)
  • High contrast mode support
  • Focus outline customization

JavaScript Functionality:

  • Dynamic hotel rendering from data objects
  • Filter and sort functionality
  • Tab-based gallery navigation
  • Accessibility settings panel with localStorage persistence
  • Modal dialogs for detailed information
  • Screen reader announcements

Challenges we ran into

  • Ensuring WCAG AA compliance across all components required careful attention to color contrast, focus management, and keyboard navigation. Balancing visual appeal with accessibility was an ongoing consideration.
  • Managing the accessibility settings panel visibility and ensuring proper focus trapping required careful JavaScript implementation.

Accomplishments that we're proud of

  • Every element on the site follows accessibility best practices. The built-in accessibility settings panel allows users to customize their experience based on their individual needs.
  • Moving beyond generic accessibility icons to provide specific measurements and comprehensive feature lists is a significant achievement. Users can now see exact door widths, shower dimensions, and other critical measurements.
  • The platform truly empowers travelers with disabilities by giving them the detailed information they need to make informed decisions about accommodations.

What we learned

  • We learnt to use Kilo Code to create and deploy something we will actually use
  • We learned that accessibility encompasses much more than wheelchair access. Visual, hearing, cognitive, and other disabilities each have unique accommodation needs.

What's next for EqualPath

  • Implement a full backend with user accounts, booking integration, and real-time availability.
  • Partner with accessibility inspectors to provide on-site verification with detailed documentation and certification.
  • Add a verified review system where guests with disabilities can share their experiences.
  • Develop a native mobile app with voice commands and augmented reality for property exploration.
  • Scale to include hotels worldwide with multi-language support and regional accessibility standards.

Built With

Share this project:

Updates