Summary & Key Takeaways ​

• Mobile browsers can trigger unwanted zoom on buttons with double-taps.
• Disabling all zooming via viewport meta tags is a WCAG violation.
• The CSS property touch-action: manipulation; can prevent this specific behavior.
• This property allows panning and pinch zoom while disabling double-tap zoom.
• It improves mobile UX without compromising accessibility.

Our Commentary ​

Oh, the dreaded double-tap zoom! This is one of those subtle mobile UX annoyances that can drive users crazy. Andy Bell's tip with touch-action: manipulation; is a lifesaver. It's a perfect example of how a single CSS line can make a huge difference for accessibility and user experience.