无障碍不是合规打勾,而是直接影响客户数量的设计决策。约 15-20% 的成年人有某种残障。如果你的数字菜单将他们排除,你失去了预订却无法下单的桌位。本指南是一份实用清单。
WCAG 2.2 与数字菜单
WCAG 是技术标准,三个级别:A、AA(推荐)、AAA。AA 是现实目标。欧洲无障碍法案自 2025 年 6 月适用于电商;QR 菜单尚在灰色地带但趋势走向强制。
低视力顾客:屏幕阅读器支持
iOS VoiceOver、Android TalkBack 需要语义化 HTML:产品用 article、分类用 section、价格用 aria-label。测试:开启 VoiceOver,闭眼浏览菜单。
色盲友好配色
男性中约 8% 是色盲。仅用红色表示"售罄"不够——加图标和文字。对比度至少 4.5:1。浅灰配白色看似优雅,2.5:1 对比度难以阅读。
运动障碍:点击目标
最小 44×44 像素,8 像素间距。购物车 +/- 按钮必须宽裕,否则 1 份变 5 份。
过敏原:隐藏的无障碍
对乳糜泻患者,"问店员"不可接受——危险。清晰展示 EU-14 过敏原。thMenu 等平台用 AI 自动填充这些字段。
结论:无障碍菜单让目标客群扩展 10-15%。达到 WCAG-AA 通常只需 1-2 天投入。
觉得有用?分享给朋友。