Digital Menu Accessibility: ADA Compliance Guide for Restaurants

15% of the world's population lives with some form of disability. An accessible menu isn't just legally smart—it's good business.

Why Accessibility Matters

The Business Case

• Market size: $1.2 trillion in disposable income among disabled adults in the US
• Group dining: One inaccessible experience loses the entire party
• Aging population: Visual and motor impairments increase with age
• Legal risk: ADA lawsuits against restaurants are increasing

Legal Requirements

In the US, the ADA requires places of "public accommodation" (including restaurants) to provide accessible services. While specific website requirements are still evolving, the consensus is:

• Digital services should be accessible to people with disabilities
• WCAG 2.1 Level AA is the common standard
• Courts have ruled websites can be covered under ADA

Key Accessibility Features

Visual Accessibility

Color Contrast

• Text should have 4.5:1 contrast ratio against background
• Large text (18pt+) can have 3:1 ratio
• Don't rely on color alone to convey information
• Avoid red/green combinations

Font Size and Type

• Minimum 16px for body text
• Allow text resizing up to 200% without breaking layout
• Use clear, sans-serif fonts
• Avoid all-caps for long text (harder to read)

Alternative Text

• All food images need descriptive alt text
• Describe the dish, not just "burger photo"
• Example: "Grilled burger with melted cheese, lettuce, tomato, and special sauce on a brioche bun"

Motor Accessibility

• Buttons and links at least 44x44 pixels
• Adequate spacing between interactive elements
• No time limits on interactions
• Avoid hover-only information displays

Screen Reader Compatibility

• Proper heading hierarchy (H1, H2, H3)
• Semantic HTML structure
• Descriptive link text ("View appetizers" not "Click here")
• Form labels for any input fields
• ARIA labels where needed

Cognitive Accessibility

• Simple, clear language
• Consistent navigation
• Clear category organization
• Error messages that explain how to fix issues
• No automatic content changes

Testing Your Menu

Automated Testing

• WAVE: Free browser extension
• Lighthouse: Built into Chrome DevTools
• aXe: Comprehensive accessibility checker

Manual Testing

• Navigate entire menu using only keyboard
• Test with screen reader (VoiceOver on Mac, NVDA on Windows)
• Zoom to 200% and check readability
• View in grayscale to check color reliance

User Testing

• Invite customers with disabilities to test
• Gather feedback from advocacy organizations
• Observe real usage patterns

Accessibility Checklist

• ☐ All images have descriptive alt text
• ☐ Color contrast meets 4.5:1 ratio
• ☐ Text can be resized to 200%
• ☐ All functions work with keyboard only
• ☐ Screen reader can navigate the menu
• ☐ Touch targets are at least 44x44 pixels
• ☐ No content is time-limited
• ☐ Language is clear and simple
• ☐ Error messages are helpful
• ☐ Focus indicators are visible

Beyond Digital: Physical Accessibility

Don't forget the physical QR code experience:

• QR codes at multiple heights
• Large enough to scan (2.5cm minimum)
• High contrast
• Alternative available for those who can't scan

Tabletopp menus are built with accessibility in mind. See our accessibility features.