Creating Accessible Interfaces

There are many things to think about when building something accessible, but here are some of the critical elements that apply to all of our work

Top 11 Accessibility Goals

1

Avoid "keyboard traps"

LEARN MORE: WCAG 2.1.1 (opens new window)

2

Avoid changing layout order

LEARN MORE: WCAG 2.4.3 (opens new window)

3

Keep context in mind

LEARN MORE: WCAG 2.4.4 (opens new window)

4

Provide a text alternative

LEARN MORE: WCAG 1.1.1 (opens new window)

5

Be consistent

LEARN MORE: WCAG Perspectives - Layout (opens new window)

6

Let the user go at their own pace

LEARN MORE: WCAG 3.2.2 (opens new window)

7

Reduce the amount of clicks

LEARN MORE: Forge & Smith - Scrolling vs Clicking (opens new window)

8

Use both labels and colour

LEARN MORE: WCAG 1.4.1 (opens new window)

9

Be as brief and clear as possible

LEARN MORE: WCAG Principles - Understandable information (opens new window)

10

Make content dismissible on hover or focus

LEARN MORE: Content on hover or focus (opens new window)

11

Check your content width

LEARN MORE: WCAG 1.4.10 (opens new window)

Test your WCAG compliance with The A11y Project checklist

Test your WCAG compliance with The A11y Project checklist

The checklist includes best practices and prompts for items such as content, global code, images, controls and color contrast.

Learn more