eBay MIND Patterns
  • Introduction
  • Messaging
    • Alert Dialog
    • Confirm Dialog
    • File Preview Card
    • Form Validation
    • Inline Notice
    • Input Meter
    • Input Validation
    • Page Notice
    • Star Rating (static)
    • Time
    • Toast Dialog
    • Tourtip
  • Input
    • Button
    • Checkbox
    • Chips Combobox
    • Combobox
    • Date Picker
    • File Input
    • Input Dialog
    • Listbox
    • Listbox Button
    • Menu
    • Menu Button
    • Phone Input
    • Radio
    • Select
    • Star Rating (interactive)
    • Switch
    • Toggle Button
    • Toggle Button Group
  • Navigation
    • Breadcrumbs
    • Fake Menu Button
    • Fake Tabs
    • Link
    • Pagination
    • Skip Navigation
    • Tile
  • Disclosure
    • Accordion
    • Carousel
    • Lightbox Dialog
    • Details
    • Flyout
    • Footnote
    • Infotip Button
    • Panel Dialog
    • Pulldown List
    • Segmented Buttons
    • Tabs
    • Tooltip
  • Structure
    • Description List
    • Form
    • Heading
    • Image
    • Item Tile
    • Layout Grid
    • Region
    • Table
    • Table Cell
  • Techniques
    • Active Descendant
    • Ambiguous Label
    • Background Icon
    • Keyboard Trap
    • Live Region
    • Offscreen Text
    • Roving Tabindex
    • Skip to Main Content
    • Alternative Text
  • Anti-Patterns
    • Disabling Pinch-to-Zoom
    • Hand Cursor on Buttons
    • JavaScript HREF
    • Layout Table
    • Mouse Hover on Static Elements
    • Open New Window
    • Setting Focus on Page Load
    • Tabindex-itis
    • Title Tooltip
  • Appendix
    • ARIA Essentials
    • Checklist
    • FAQ
    • Keyboard Interface
    • Known Issues
    • Legacy Patterns
      • Fullscreen Dialog
    • MIND Pattern Template
    • Pattern Naming Scheme
    • References
    • Utilities
Powered by GitBook
On this page
  • Why not?
  • Browser Oddities
  • Exceptions
  1. Anti-Patterns

Disabling Pinch-to-Zoom

All text content must be zoomable.

In a <meta name=”viewport”... > element

  • Don’t set user-scalable=”no”

  • Don’t use maximum-scale

Why not?

Users with low vision depend on the ability to zoom content.

  • We must not disable the use of the native browser zoom.

  • We must not dictate how much a user can zoom the page.

The user has the right to make their experience useful for them even though others might not like the way it looks. The ability to pinch/zoom is an expected gesture for these devices, we should not remove this functionality.

Browser Oddities

It seems that not all browsers support meta viewport. If you're unable to reproduce this issue, please refer to one of the mobile browsers below.

Seems to support meta viewport

  • Chrome for iOS

Doesn't seem to support meta viewport

  • Safari for iOS

Exceptions

Disabling pinch-to-zoom only makes sense in certain situations: a game, image editing or mapping application, for example.

PreviousAnti-PatternsNextHand Cursor on Buttons

Last updated 2 years ago