Level AA

Level AA requires a bit more commitment. Continuing with the theme of color, you have to ensure that all the text meets color contrast requirements. The requirement differs somewhat based on the size of the text, but it is actually pretty strict.

In my experience, the majority of websites don’t meet this criterion. You need to review the contrast across the whole site, and revise colors where needed, even if they are your brand colors. (Logos are excluded from the rule, however).¹

AA Rules

Some AA rules relay on the Level A rules only they are more strict. For example the contrast.

Contrast

contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Orientation

Your content shouldn’t restrict its view and operation to a single display orientation. For example, if a user accesses your website on a mobile device, they shouldn’t lose access to information or functionality if they choose to view the website in portrait or landscape mode.

Error Suggestion

If an input error is automatically detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize the security or purpose of the content.

---

Table of contents

• Header and Subheader
• Media
• Focus