Skip to Main Content
Hospitality2024Daisy Green Demo

Daisy Green Hospitality Platform

Accessible Restaurant, Menu & Digital Dining Experience

A responsive, high-contrast digital dining platform engineered for seamless menu exploration, online reservations, and screen-reader accessibility.

100 / 100
A11y Rating
48px Min
Touch Target
Full Pass
Screen Reader
daisy-green
Live Demo

THE PROBLEM & COMPLIANCE CHALLENGE

Interactive food and beverage menus often use low-contrast text overlays and unlabelled modal dialogs that fail VoiceOver/NVDA screen readers.

ARCHITECTURAL & ENGINEERING SOLUTION

Built a semantic HTML5 menu system with high-contrast color pairings, ARIA live reservation feedback, and fluid touch targets.

Accessibility & Technical Breakthroughs

Implemented high-contrast color themes exceeding WCAG AAA 7:1 contrast ratios.
Optimized screen reader announcements using aria-live regions for table booking confirmations.
Supported fluid text zooming up to 400% without horizontal scrolling.

TECHNOLOGIES & ACCESSIBILITY STANDARDS USED

ReactNext.jsTailwind CSSFramer MotionVercel
VoiceOver / NVDA Simulator Active: Select any interactive control