Inclusive ADA UX Mobile App Accessibility Principles

1 DESIGN FOR SMALL SCREEN SIZE

Small screen size is one of the most common characteristics of mobile devices. While the exceptional resolution of these screens theoretically enables large amounts of information to be rendered, the small size of the screen places practical limits on how much information people can actually view at one time, especially when magnification is used by people with low vision.

Some best practices for helping users to make the most of small screens include:

? Minimizing the amount of information that is put on each page compared to desktop/laptop versions by providing a dedicated mobile version or a Responsively designed version.

? Providing a reasonable default size for content and touch controls to minimize the need to zoom in and out for users with low vision.

? Adapting the length of link text to the viewport width.

? Positioning form fields below, rather than beside, their labels (in portrait layout) 

See above (in the header image) for a visual example of what to do and what not to do when designing for a small screen size.

Approaches such as content prioritization and progressive disclosure favors clarity over density of information, helping the user stay focused on the most important information throughout the whole app experience.

Download: Free Inclusive ADA UX Mobile App Accessibility Principles 

https://info.usablenet.com/inclusive-ada-ux-mobile-app-accessibility-principles

__________________________________________________________________________

Jason C. Taylor is the Chief Innovation Strategist and Advisor to the UsableNet CEO with nearly 20 years of experience in usability and accessibility. He is a global technology thought leader for multichannel customer engagement, actively advising leading companies on how to extend their brands across multiple channels for all users.