In this slideshow we will onboard to the new, simplified process for UX designers to ensure their designs are compliant with Level II ADA guidelines using our new Design Language System, Aurora.

1. UX Team ADA Compliance Guide for Aurora
Updated 3/30/18
1

2. Index
Content
Forms
Navigation
15
10
3
2

3. Navigation
Links and Buttons
3

4. Links, buttons and checkboxes are easily clickable.
For example, a user can select a checkbox by clicking the text, not just the checkbox.
4

5. Clear call to action.
Users know what to do next and why it benefits them.
They understand the value proposition and purpose of the page.
5

6. Links are descriptive.
There are no “click here" links.
6

7. Visited link color is different than unvisited
1A5C96 (visited)
1F72BB(unvisited)
7

8. Links are easily recognizable
They look clickable- items that aren’t links don’t look clickable
8

9. Important commands are displayed as buttons, not links.
For example, “Buy" or “Pay" is a button, not a link.
9

10. Content
Presentation and Organization
10

11. Content is scannable.
There are short paragraphs, descriptive headings, lists and images.
Visual content is used when appropriate, instead of large amounts of text.
11

12. Related information is grouped together clearly
12

13. Important content is displayed first
13

14. There is adequate contrast (AA) between the text and background.
Check with a site like accessible-colors.com
14

15. Forms
Information and System Status
15

16. Only absolutely necessary questions are asked in forms
16

17. Form submission is confirmed
The user knows data was successfully sent.
17

18. Error messages are shown next to the input field
Not just the top of the page!
18