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?
- 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