Maintaining Accessibility in a Responsive World

Articles, Web

This is an excellent read and addresses issues such as accessible hiding, and content toggles. In regards to focus order, this article brought up a good point about that the visual presentation on a screen might not match the DOM order because of the ability to reorder content through CSS (thanks to floats and flexbox).

https://www.filamentgroup.com/lab/accessible-responsive.html

Advertisements

Responsive Form Design

Web

Designing forms for mobile can be tricky with small screen sizes. From this article and from personal experience, it is always best to put labels above form elements (ie. input box).

http://www.creativebloq.com/how-to/how-to-design-responsive-and-device-agnostic-forms