W3C

From Web Content Accessibility Guidelines 1.0
to Mobile Web Best Practices 1.0

W3C Working Draft 06 June 2008

Table of Contents

Introduction

Incomplete draft: This document is an editor's copy that has no official standing and is incomplete. Particularly, the section WCAG 2.0 and MWBP Together is only an outline; WCAG 1.0 to MWBP is only partly filled out. It is subject to major changes and is therefore not intended for implementation. It is provided for review and feedback only. Please send feedback to public-bpwg-comments@w3.org (archive).

This page is part of a suite of related documents. Please refer to the “How to Use These Documents” section for more information.

If your content already meets Web Content Accessibility Guidelines 1.0, this page describes what needs to be done to meet all the Mobile Web Best Practices (MWBP).

Summary of work required to make content that meets WCAG 1.0 also meet MWBP 1.0

This section provides guidance on the “upgrade path” from WCAG 1.0 compliance to MWBP 1.0. For each of the WCAG 1.0 priorities (1, 2 and 3) already achieved, the BPs are classified in three broad categories representing the effort required, labelled for simplicity with keywords (nothing, something, everything):

${define_efforts}

To summarize, if your content already complies with WCAG 1.0, to achieve compliance with MWBP 1.0, you need to do the following:

Nothing: content already complies with these BPs:

Something: more effort of some kind or a check, to comply with these BPs:

Everything: start from scratch to comply with these BPs:

[Not evaluated yet]. When reviewing the document the following list should be ignored. During document editing, it contains CPs, SCs or BPs not yet evaluated. It is progressively reduced as items are studied and moved to the “something”, “nothing” and “everything” lists. It will not appear in the finished document.

Addressing MWBP 1.0 Best Practices

NON-TEXT_ALTERNATIVES

MWBP 1.0: Provide a text equivalent for every non-text element.

No further effort is required. [1.1 Provide a text equivalent for every non-text element (e.g., via "alt", "longdesc", or in element content)...] ensures compliance with this best practice.

Back to list of MWBP 1.0 best practices

ACCESS_KEYS

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

Back to list of MWBP 1.0 best practices

AUTO_REFRESH

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

Back to list of MWBP 1.0 best practices

AVOID_FREE_TEXT

MWBP 1.0: Avoid free text entry where possible.

Back to list of MWBP 1.0 best practices

-->

BALANCE

MWBP 1.0: Take into account the trade-off between having too many links on a page and asking the user to follow too many links to reach what they are looking for.

Back to list of MWBP 1.0 best practices

-->

BACKGROUND_IMAGE_READABILITY

MWBP 1.0: When using background images make sure that content remains readable on the device..

Back to list of MWBP 1.0 best practices

CENTRAL_MEANING

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

Back to list of MWBP 1.0 best practices

CLARITY

MWBP 1.0: Use clear and simple language.

Back to list of MWBP 1.0 best practices

COLOR_CONTRAST

MWBP 1.0: Ensure that foreground and background color combinations provide sufficient contrast.

Partially covered by 2.2 Ensure that foreground and background color combinations provide sufficient contrast…

Back to list of MWBP 1.0 best practices

CONTROL_LABELLING

MWBP 1.0: Label all form controls appropriately and explicitly associate labels with form controls.

Back to list of MWBP 1.0 best practices

CONTROL_POSITION

MWBP 1.0: Position labels so they lay out properly in relation to the form controls they refer to.

Partially covered by 10.2 Until user agents support explicit associations between labels…

Back to list of MWBP 1.0 best practices

CONTROL_POSITION

MWBP 1.0: Specify a default text entry mode, language and/or input format, if the device is known to support it.

Back to list of MWBP 1.0 best practices

-->

ERROR_MESSAGES

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

Back to list of MWBP 1.0 best practices

-->

FONTS

MWBP 1.0: Do not rely on support of font related styling.

Back to list of MWBP 1.0 best practices

IMAGE_MAPS

MWBP 1.0:Do not use image maps unless you know the device supports them effectively.

Back to list of MWBP 1.0 best practices

MWBP 1.0:Clearly identify the target of each link.

Partially covered by 13.1 Clearly identify the target of each link.

Back to list of MWBP 1.0 best practices

MEASURES

MWBP 1.0:Do not use pixel measures and do not use absolute units in markup language attribute values and style sheet property values.

Back to list of MWBP 1.0 best practices

MINIMIZE_KEYSTROKES

MWBP 1.0:Keep the number of keystrokes to a minimum.

Possibly, partially covered by 9.5&nsbp;Provide keyboard shortcuts to important links…

Back to list of MWBP 1.0 best practices

NAVBAR

MWBP 1.0:Provide only minimal navigation at the top of the page.

Back to list of MWBP 1.0 best practices

NAVIGATION

MWBP 1.0:Provide consistent navigation mechanisms.

Covered by 13.4 Use navigation mechanisms in a consistent manner.

Back to list of MWBP 1.0 best practices

NO_FRAMES

MWBP 1.0:Do not use frames.

Back to list of MWBP 1.0 best practices

OBJECTS_OR_SCRIPT

MWBP 1.0:Do not rely on embedded objects or script.

Back to list of MWBP 1.0 best practices

PAGE_SIZE_USABLE

MWBP 1.0: Divide pages into usable but limited size portions.

Partially covered by 12.3 Divide large blocks of information into more manageable groups where natural and appropriate

Back to list of MWBP 1.0 best practices

PAGE_TITLE

MWBP 1.0: Provide a short but descriptive page title.

Back to list of MWBP 1.0 best practices

POP_UPS

MWBP 1.0: Do not cause pop-ups or other windows to appear and do not change the current window without informing the user.

Covered by 10.1 Until user agents allow users to turn off spawned windows, do not cause pop-ups or other windows to appear…

Back to list of MWBP 1.0 best practices

PROVIDE_DEFAULTS

MWBP 1.0: Provide pre-selected default values where possible.

Covered by 10.4 Until user agents handle empty controls correctly…

Back to list of MWBP 1.0 best practices

REDIRECTION

MWBP 1.0: Do not use markup to redirect pages automatically. Instead, configure the server to perform redirects by means of HTTP 3xx codes.

Covered by 7.5 Until user agents provide the ability to stop auto-redirect, do not use markup to redirect pages automatically…

Back to list of MWBP 1.0 best practices

SCROLLING

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

Back to list of MWBP 1.0 best practices

-->

STRUCTURE

MWBP 1.0: Use features of the markup language to indicate logical document structure.

Back to list of MWBP 1.0 best practices

STRUCTURE

MWBP 1.0: Use features of the markup language to indicate logical document structure.

Back to list of MWBP 1.0 best practices

STYLE_SHEETS_SUPPORT

MWBP 1.0: Organize documents so that if necessary they may be read without style sheets.

Covered by 6.1 Organize documents so they may be read without style sheets.

Back to list of MWBP 1.0 best practices

STYLE_SHEETS_USE

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

Back to list of MWBP 1.0 best practices

TAB_ORDER

MWBP 1.0: Create a logical order through links, form controls and objects.

Covered by 9.4 Create a logical tab order through links, form controls, and objects.

Back to list of MWBP 1.0 best practices

TABLES_ALTERNATIVES

MWBP 1.0: Where possible, use an alternative to tabular presentation.

Back to list of MWBP 1.0 best practices

TABLES_LAYOUT

MWBP 1.0: Do not use tables for layout.

Back to list of MWBP 1.0 best practices

TABLES_NESTED

MWBP 1.0: Do not use nested tables.

Back to list of MWBP 1.0 best practices

TABLES_SUPPORT

MWBP 1.0: Do not use tables unless the device is known to support them.

Back to list of MWBP 1.0 best practices

TESTING

MWBP 1.0: Carry out testing on actual devices as well as emulators.

Back to list of MWBP 1.0 best practices

-->

THEMATIC_CONSISTENCY

MWBP 1.0: Ensure that content provided by accessing a URI yields a thematically coherent experience when accessed from different devices.

Back to list of MWBP 1.0 best practices

-->

URIS

MWBP 1.0: Keep the URIs of site entry points short.

Back to list of MWBP 1.0 best practices

-->

USE_OF_COLOR

MWBP 1.0: Ensure that information conveyed with color is also available without color.

Covered by 2.1 Ensure that all information conveyed with color is also available without color…

Back to list of MWBP 1.0 best practices

VALID_MARKUP

MWBP 1.0: Create documents that validate to published formal grammars.

Back to list of MWBP 1.0 best practices

CACHING

MWBP 1.0: Provide caching information in HTTP responses.

Back to list of MWBP 1.0 best practices

CAPABILITIES

MWBP 1.0: Exploit device capabilities to provide an enhanced user experience.

Back to list of MWBP 1.0 best practices

CHARACTER_ENCODING_SUPPORT

MWBP 1.0: Ensure that content is encoded using a character encoding that is known to be supported by the device.

Back to list of MWBP 1.0 best practices

CHARACTER_ENCODING_USE

MWBP 1.0: Indicate in the response the character encoding being used.

Back to list of MWBP 1.0 best practices

CONTENT_FORMAT_PREFERRED

MWBP 1.0: Where possible, send content in a preferred format.

Back to list of MWBP 1.0 best practices

CONTENT_FORMAT_SUPPORT

MWBP 1.0: Send content in a format that is known to be supported by the device.

Back to list of MWBP 1.0 best practices

COOKIES

MWBP 1.0: Do not rely on cookies being available.

Back to list of MWBP 1.0 best practices

DEFICIENCIES

MWBP 1.0: Take reasonable steps to work around deficient implementations.

Back to list of MWBP 1.0 best practices

EXTERNAL_RESOURCES

MWBP 1.0: Keep the number of externally linked resources to a minimum.

Back to list of MWBP 1.0 best practices

GRAPHICS_FOR_SPACING

MWBP 1.0: Do not use graphics for spacing.

Back to list of MWBP 1.0 best practices

GRAPHICS_FOR_SPACING

MWBP 1.0: Resize images at the server, if they have an intrinsic size.

Back to list of MWBP 1.0 best practices

IMAGES_SPECIFY_SIZE

MWBP 1.0: Specify the size of images in markup, if they have an intrinsic size.

Back to list of MWBP 1.0 best practices

LARGE_GRAPHICS

MWBP 1.0: 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.

Back to list of MWBP 1.0 best practices

LIMITED

MWBP 1.0: Limit content to what the user has requested.

Back to list of MWBP 1.0 best practices

Back to list of MWBP 1.0 best practices

MINIMIZE

MWBP 1.0: Use terse, efficient markup.

Back to list of MWBP 1.0 best practices

PAGE_SIZE_LIMIT

MWBP 1.0: Ensure that the overall size of page is appropriate to the memory limitations of the device.

Back to list of MWBP 1.0 best practices

STYLE_SHEETS_SIZE

MWBP 1.0: Keep style sheets small.

Back to list of MWBP 1.0 best practices

SUITABLE

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

Back to list of MWBP 1.0 best practices