Menu Design
Mobile-Friendly Chinese Menu Design
Most online menu views happen on phones. A Chinese restaurant menu that fails on mobile fails in practice.
Guide
| Rule | Reason |
|---|---|
| Single-column layout | Prevents pinch-zooming. |
| Sticky section links | Helps long menus stay navigable. |
| Readable dish names | Chinese, pinyin, and English must not collapse into clutter. |
| Fast photos | Large image files slow ordering. |
| Tap-friendly phone and order links | Turns menu views into orders. |
On long menu pages, WCAG expects a way to bypass repeated blocks such as navigation, which is why skip links and clear main-content landmarks matter. ADA guidance treats accessible digital communication as part of serving the public effectively, not just as a design preference. WCAG expects link purpose to be clear from the link text or surrounding context, so labels like "Lunch menu PDF" are stronger than "click here." WCAG 2.2 sets a 4.5:1 contrast minimum for normal text and 3:1 for large text.