The following links will lead you to information about how best to go about building an accessible mobile website and mobile application.
Essential Documents for Creating Mobile Apps and Websites
- Mobile Web Initiative
- WCAG 2.0 Techniques that Apply to Mobile
- Standards for Web Applications on Mobile: current state and roadmap
- Mobile Web Best Practices 1.0 (MWBP)
- Mobile Web Application Best Practices (MWABP)
- Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile
Platform Specific Information
Evaluation Checkpoints at a Glance
- Color – text and images of text have a contrast ratio of at least 7.1
- Page and/or image size – page/images are usable and will load
- Non-text objects – provide text alternatives (use alt attribute)
- Non descriptive link label – link label should be descriptive (avoid "click here", "read more" and URLs)
- Use cookies sparingly
- Page title – provide unique "title" for each page
- Pop-ups – avoid content spawning new windows without warning users
- Blinking, moving – may cause seizures
- Scrolling – difficult for motor disabilities
- Form elements – should contain a label for and matching "id"
- Multimedia – videos must contain a captioned file
- Headings – headings must be properly nested, one Heading 1 <h1> per page, followed by properly nested headings (H1 followed by H2 etc.)
- HTML coding – include DOCTYPE, language, default tabbing order, use < li >, strong and em's accordingly (avoid deprecated code)