WAI: Strategies, guidelines, resources to make the Web accessible to people with disabilities
Site Navigation: W3C Home > WAI Home > Web Content Accessibility and Mobile Web
Status: This document is an early draft. Please send comments to wai-eo-editors@w3.org (a publicly archived list).
People with disabilities (using desktop or laptop computers) and people without disabilities who are using mobile devices have similar interaction limitations and experience similar barriers when interacting with Web sites. There is also significant overlap between the design solutions for both. For more information, see:
The table below provides examples of barriers to interacting with Web content experienced by people with disabilities and people using mobile devices. Mobile devices vary widely and not all the problems are present on all models. It includes links to some relevant solutions in the WCAG 2.0 Quick Reference for the Web Content Accessibility Guidelines 2.0 Working Draft (including guidelines and success criteria (SC)) and Mobile Web Best Practices 1.0.
[ Review Note: We will probably linearize the information below into paragraphs, and not in a table. If you have a preference for the table or linearized, please let us know at wai-eo-editors@w3.org.]
| Content | Disabilities context | Mobile devices context | Experience | WCAG 1.0 | WCAG 2.0 | MWBP 1.0 |
|---|---|---|---|---|---|---|
| Interaction and navigation requires mouse. | User with a motor disability may not be able to use a mouse. | Device has no mouse, only alphanumeric keypad or rocker switch. | User is unable to navigate all content, or wastes time moving through numerous links. |
WCAG 1.0 CP 6.3, |
||
| Information conveyed using color (for example, “required material is shown in red”) with no redundancy. | User who is blind or colorblind perceives color incorrectly or not at all. | Screen has limited color palette and color difference is not presented. Device is used in poor lighting (for example, outdoors), so colors are not clearly perceived. | User perceives color incorrectly or not at all, and so misunderstands information, makes mistakes, or misses information. | WCAG 2.0 SC 1.4.1 Use of Color, |
||
| Large page or large images. | User with restricted field of vision or using screen magnifier get only small part of page or image at a time. | Mobile device has small screen (viewport). | User only sees small areas at a time ("keyhole view"), unable to relate different areas of page, becomes disoriented or has to scroll excessively. | |||
| Multimedia with no captions | User who is deaf or hard of hearing can't hear. | Mobile users often in public places (trains, hotel lobbies) turn off sound; often in noisy places (streets, nightclubs) can't hear. | User misses auditory information. | |||
| Audio-only prompts (beeps, buzzes) for important information (warnings, errors). | User who is deaf or hard of hearing can't operate content. | In noisy place (street, nightclub) can't hear. | Can't operate or interact correctly with content, misses warnings, makes mistakes. | |||
| Free-text entry (for example, alphabetical characters allowed in numeric fields) | User with motor disability (partial paralysis, hand tremor, lack of sensitivity, coordination) has difficulty entering information. | Device has small keypad, or is held in unsteady hand. | User enters text incorrectly, makes mistakes. |
MWBP 1.0 MINIMIZE_KEYSTROKES, |
||
| Embedded non-text objects (images, sound, video) with no text alternative. | User who is blind or colorblind can't perceive content. Information not available to user whose user agent doesn't support object or with slow connection making it unreasonable to wait for download. |
User with low bandwidth or who declines to run up connection charges. Already small images re-dimensioned even smaller in adaptation, become meaningless. | Information loss due to lack of alternative. User can't perceive information. | |||
| Important information in non-text content (images, multimedia, CSS effects) | User who is blind or colorblind can't perceive content. | User billed for download volume, turns off images to save costs. Device has no CSS support. | User misses important information. | |||
| Long words, long and complex sentences, jargon | User with cognitive disability has difficulty processing information. | Text is displayed in small font, and user is often distracted by ambient conditions (background noise, conversations, moving objects in field of vision). | User has difficulty understanding information. | |||
| Content formatted using tables or CSS, and reading order not correct when linearized (for example when CSS or tables not rendered). | Non-visual (screen reader) user reads content in document tree order. | Meaning of content altered by reformatting or restructuring in adaptation process. | Content is garbled. | |||
| Scripting required to operate or generate content. | User's assistive technology or browser doesn't support scripting. | Scripting turned off or not supported. | Information loss. Content inoperable. |
WCAG 1.0 CP 6.3, |
WCAG 2.0 SC 2.1.1 Keyboard, |
|
| Special plugin required. | Plugin turned off, not installed, not compatible with assistive technology. Plugin not operable with preferred input device. | Plugin turned off or not installed; not compatible with input device (for example, requires mouse). | User can not perceive content or can not operate interface. | WCAG 2.0 SC 2.1.1 Keyboard, |
||
| Invalid or unsupported markup. | User's assistive technology or browser can't handle markup. |
Mobile device has embedded browser not catered for by content provider. Content passes through adaptation process(es). | Browser or adaptation system chokes on markup; rejects or garbles it. | |||
| Content spawns new windows without warning user. | User with low vision, restricted field of vision, or blindness doesn't realize active window is new. | Single window interface. Multiple stacked windows on small screen hide each other. | User becomes disoriented among widows; back button doesn't work. User closes window, not realizing it is last in stack, closing browser instance. | WCAG 2.0 SC 3.1.2 On focus, |
||
| Information conveyed only using CSS (visual formatting). | Blind user doesn't perceive visual formatting effects. | Often no CSS support by mobile browser. | Information lost or altered. | |||
| Content blinks, moves, scrolls or auto-updates | People with reading disabilities, cognitive limitations, and learning disabilities do not have sufficient time to read or comprehend information. | Reduced size of mobile viewport or poor ambient lighting make it difficult to see content. | User has difficulty reading and comprehending content. | |||
| Long page title, with generic information first and differentiating information last | Page titles are used to generate a list of links in site map, screen reader user, person with reading disability or reduced field of vision can't scan the page and reads repetitive information first. | Page title truncated to fit narrow viewport of mobile device. | User has difficulty reading list, misses important information at end of title. | |||
| Focus (tab) order does not match logical document content sequence | User with (for example) motor disability uses keyboard for navigation not mouse. | Pointing device not present or inadequate. | User is unable to navigate content in logical sequence, become disoriented. | |||
| Link text not descriptive | User can not determine purpose of link | User can not determine purpose of link | Mobile user incurs delay and cost, due to network charges and device limitations. User with disability becomes confused or disorientated; arrives at inaccessible content. [@@ Note these are different] | WCAG 2.0 SC 2.4.4 Link Purpose (In Context), |
||
| Content | Disabilities context | Mobile devices context | Experience | WCAG 1.0 | WCAG 2.0 | MWBP 1.0 |
Skip to content