Gå till innehåll

Mobile accessibility: WCAG principles and how it improves UX (Part 2)

10 december, 2020

Principle 2: Operable

The second principle dwells on UI components and navigation must be operable in terms of the availability of functionality from a keyboard, the importance of negative space and touchscreen gestures, and how physical movements improve digital experiences.

 

Keyboard control for touchscreen devices

Separation of keys should be obvious and more predictable for users with visual limitations.  Minimise unintended presses with guarded keys, spaced or differently shaped for people with dexterity issues. 

 

 

 

 

Touch target size and spacing

Make sure that touch targets are at least 9mm x 9mm regardless of device and surrounded by negative space.

 

 

 

 

Touchscreen gestures

Simplify touchscreen gestures by a two-step process of focusing and activating elements.  Discover design alternatives to the apps settings with a simple tap or swipe gesture for the benefit of users with dexterity issues

 

Leveraging the mouseup or touchend event to launch actions helps prevent inadvertent actions during interaction. 

 

 

 

 

Device Manipulation Gestures

Provide work-around features that let the user simulate device shakes or tilts from an onscreen menu to benefit users having difficulty holding a mobile device. Provide touch and keyboard operable alternative control options instead.

 

 

 

 

Placing buttons where they are easy to access

Place Interactive elements where they can be easily reached regardless how it is held.

 

Be conscious of left and right-handed, one-handed users, and thumb activations. The objective is to be flexible.

 

Tillbaka till nyheter

Se flera nyheter