W3C Mobile Web Initiative

Sample of Mobile Web Best Practices

The following is a sample of 18 best practices extracted from the 60 available in the Last Call version of the Mobile Web Best Practices.

One Web

Ensure that links provide a thematically coherent experience when accessed from a device other than the one on which they were captured.

Best experience

Exploit device capabilities. Do not take a least common denominator approach.

Access Keys

Assign access keys to links in navigational menus and frequently accessed functionality.

No Auto-refresh

Do not create periodically auto-refreshing pages, unless you have informed the user and provided a means of stopping it.

Mobile context

Ensure that content is suitable for use in a mobile context.

Usable size

Divide pages into usable but limited size portions.

Limit scrolling

Limit scrolling to one direction, unless secondary scrolling cannot be avoided.

Central meaning first

Ensure that material that is central to the meaning of the page precedes material that is not.

Avoid large graphics

Do not use images that cannot be rendered by the device. Avoid large or high resolution images except where critical information would otherwise be lost.

No Frames

Do not use frames.

Resizing images

Resize images at the server.

Valid markup

Create documents that validate to published formal grammars.

Use CSS

Use style sheets to control layout and presentation, unless the device is known not to support them.

Informative error messages

Provide informative error messages, and a means of navigating away from an error message back to useful information.

Use HTTP Caching

Attach caching information to the content.

Minimal keystrokes

Keep the number of keystrokes to a minimum.

Default values in Forms

Provide pre-selected default values where possible.

See the full list of guidelines at http://www.w3.org/TR/2006/mobile-bp/.