Skip to main content Intelligence Community Design System ICDS Get started Accessibility Styles Components Patterns Community
Skip to page content Show navigation section

Motor needs

Introduction

Motor impairments can fundamentally affect the usage of your app or service. Some people that use walking frames can't hold a mobile phone, and some with muscle tremors may be unable to use dropdown menus with a mouse.

There are many types and causes of motor impairments. Over 400,000 people in the UK have rheumatoid arthritis and the number of people diagnosed with Parkinson's in 2018 in the UK was around one in 350 adults.

Read more about Parkinson's on the Parkinson's UK website .

Examples of motor impairments

The following table lists examples of motor impairments in three columns (permanent, temporary and situational).

Permanent Temporary Situational
Missing a limb Broken limb Holding a baby
Cerebral Palsy (affects muscle tone, movement and control) Burn Using a telephone
Dyspraxia (co-ordination of movement) General multi-tasking
Muscle tremor (including Parkinson's)

How to design for motor needs

In addressing some of the design tips below, we make it easier for everyone to use our apps.

Clear clickable actions

Make sure any interactive elements are clear and easily clickable. They should be easy enough to click and shouldn't be too close together.

Avoid placing lots of actions next to each other as this could increase the risk of a user taking the wrong action.

A graphic of a yes or no option and a submit button. The clickable areas include the text of the ‘yes’ radio option and the whole button.
The cursors are positioned on a larger clickable area that includes the text for the button.
A graphic of a yes or no option and a submit button with outlines around only the circle of the radio button and the chevron of the submit button, showing a limited clickable area.
The cursors are positioned on a smaller clickable area that does not include the text for the button, making it harder for people with motor needs.

Design for keyboard and speech

Make sure that all functionality is accessible by keyboard only. Some users with motor impairments may not use a mouse and instead use assistive technology such as speech input.

Consider alternative input means (mouthpieces, clickers and text to speech software). Apps and services that conform to WCAG are more likely to work with assistive technologies.

For example, Dragon speech recognition software allows users to navigate apps, browse desktops, open applications, type and more.

A graphic of a text field requiring user to enter a description with a dictate button for those who would prefer to use speech to text rather than typing.
Text field with an option to dictate what is written.
A graphic of a text field requiring user to enter a description with only the option to type, which can be limiting for people with motor difficulties.
Text field that only has an option to type, which limits accessibility.

Last reviewed 21 October 2024 .
Navigated to Motor needs - Intelligence Community Design System