-
Notifications
You must be signed in to change notification settings - Fork 71
WCAG Guideline Variables
Dan Gisolfi edited this page Apr 19, 2023
·
1 revision
| Name | AA Requirement | AAA Requirement |
|---|---|---|
| Color | ||
| Color | Foreground and background colors can be selected by the user | |
| Text to backgrounds | 4.5:1 | 7:1 |
| large Text to backgrounds | 3:1 | 4.5:1 |
| Hotlink colors | 4.5:1 agains the background and 3.1 agains the surrounding text (unless underlined) | 7:1 agains the background and 3.1 against the surrounding text (unless underlined) |
| Non-text Contrast | ||
| Buttons to backgrounds | 3.1:1 | 3.1:1 |
| Icons to backgrounds | 3.1:1 | 3.1:1 |
| Graph colors | 3.1:1 | 3.1:1 |
| Focus State | 3.1:1 | Same |
| Typography | ||
| spacing afetr paragraph | 2 x the font | 2 x line height |
| Line Height of text | 1.5 | Same |
| Letter spacing | .12 | Same |
| Desktop min click area | 24px | 44px |
| Font size | While there is no official minimum font size for the web, it is generally agreed upon that 16px for body text is a good starting point. | Same |
| Font resizing | Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. | Same |
| Other | ||
| Animation | Motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information being conveyed. |