Testing Methods

  • Test on real mobile devices of different sizes
    • Identify the devices for testing
  • Use tests that incorporate assistive technologies and test for general accessibility and mobile specific accessibililty
  • Test on responsive windows on a desktop device
  • Test on a desktop device

Best Practices

  1. Make sure links work and when opened create a thematically coherent experience.
  2. Exploit device capabilites to enhance user experience
  3. Provide only minimal navigation at the top of the page.
  4. Avoid using too many links on a page.
  5. Provide consistent navigation mechanisms.
  6. Provide shortcuts to key links.
  7. Use clear, concise descriptive link text; identify the implications of following a link if the target is large.
  8. Use clear and simple language.
  9. Limit scrolling to one direction.
  10. Avoid large or high resolution images.
  11. Do not use tables or nested tables.
  12. Provide alt text for images.
  13. Specify the size of images in the markup if they have intrinsic size.
  14. Keep style sheets small.
  15. Ensure the content is encoded using a character encoding that is known to be supported by devices.
  16. Do no rely on support of font related styling.
  17. Provide pre-selected default values where possible.
  18. Specify default language.
  19. Label all controls and position so they lay out properly in relation to the form controls they refer to.
  20. Use cookies sparingly
  21. Use appropriate client-side storage technologies for local data
  22. Do not execute untrusted JSON data.
  23. Ensure the user is informed about use of personal device information.
  24. Enable automatic sign-in
  25. Avoid redirects
  26. Optimize network requests.
  27. Include background images inline in CSS styles
  28. Cache Ajax data
  29. Do not send cookie information
  30. Keep DOM size reasonable.
  31. Make telephone numbers click to call.
  32. Ensure consistency between devices.
  33. Consider use of canvas element or SVG for dynamic graphics.


Mobile Accessibility at W3C

W3C Mobile Web Best Practices 1.0

W3C Mobile Application Best Practices

How WCAG 2.0 and Other W3C Guidelines Apply to Mobile