Responsive Design

From Mobile Accessibility Task Force

5 April 2014 Discussion: Responsive Design

What is important and different for mobile in terms of responsive design? What do we need in these cases?

  • Reading order
  • CSS Viewport Size
  • on-screen navigation becomes fly-out menus
  • Tables may change in complexity or be flipped horizontally or vertically
  • Forms can change - labels might disappear and be replaced by placeholder
  • navigation mechanisms are diverse and often diferent from desktop

What is no different for mobile?

  • Images
  • Tables
  • Forms

General thoughts

  • Responsive design is not the same as delivering custom designs to particular assistive technologies
  • Differnet content may be loaded at different breakpoints, things may be switched
  • Responsive design could go further by being responsive to user preferences (such as prefer desktop site