--- title: "Link text fails enhanced contrast requirements" date: "2024-10-25T09:37:48+00:00" summary: "Improve text readability with enhanced contrast ratios. Learn why it matters, who benefits, and how to fix contrast issues on your site." image: type: "page" url: "/web-governance/link-text-fails-enhanced-contrast-requirements" id: "da31d82c-859c-44d5-a475-07acb5d0d729" --- Table of contents will be added 1.4.6 Contrast (Enhanced) Introduction ------------ This document provides information about the Acquia Web Governance accessibility checks: * Link text fails enhanced contrast requirements. What ---- Link text must have a very good contrast ratio between the text color and the background color in each user-induced state. To pass this check, the contrast ratio should be at least 7:1 for regular text or 4,5:1 for large text. For reference, the maximum contrast ratio, between pure black and pure white, is 21:1.  Large text is text with one of the computed font-sizes listed below: * At least 18 points * At least 14 points and a computed font weight CSS property of 700 or higher Why --- Enhanced contrast between link text and its background color ensures that people with visual impairments can read the link text more easily. This is particularly important for older individuals who often experience reduced contrast sensitivity. Strong contrast also benefits many users in specific lighting conditions, such as when they read text on a screen in bright sunlight or on a screen that is dimmed due to low battery mode. Who --- ### Affected users This check affects the following users who have: * Low vision: This category includes many elderly due to natural age-related vision loss. * Color blindness: Who have a better ability to distinguish text when there is good contrast. * No impairments: All users benefit from good contrast when they view content under special lighting conditions, such as in bright sunlight or on a screen that is dimmed due to low battery mode. ### User story ![Woman with long blonde hair and glasses, wearing a pink blazer, standing against a white brick wall, looking to the side.](https://acquia.widen.net/content/a2cd2753-7c34-476a-8ce8-18e4758fc46c/web/Mon_AccessibilityHelpCenter-UserStory-WomanWithGlasses.png) Helena Koenig, a 55-year-old art curator from Vienna, Austria, has dedicated over 30 years of her life to the world of art. She works at a national museum, where she curates exhibitions and collaborates with international artists to present art to the public in a meaningful and engaging way. _“Well, I suppose it really started when I turned 40 and noticed that reading small print was becoming more difficult. You know, at first, it was not such a big deal—I just started wearing reading glasses. It seemed like a minor inconvenience, but as the years went by, I realized it was more than just that. The thing that bothers me the most now is trying to read online content, especially when the contrast between the text and the background is poor. Even with my glasses on, it can be quite frustrating._ _I spend so much of my time researching online, looking through digital archives, reading articles about art, and planning exhibitions. So, when I come across websites that are not designed with people like me in mind, it really slows me down. And it is not just about me—I think about how many others, especially older visitors, might face the same challenges._ _This whole experience has made me far more aware of how digital content is presented, particularly in the online spaces I work with. It is something I now push for at the museum. We have been working on improving our digital exhibits, like making sure the text is easier to read and offering more options for how the content is displayed. My goal is to make sure everyone can engage with our work, no matter their age or how well they see things. It is important to me, both personally and professionally.”_ Examples -------- This section provides some examples of the issue. ### Example: Low text contrast This example shows a web page that has a text box with important information. The text in the box is written in green, but it is hard to read because it is a green shade on a slightly lighter green background. The two greens are too similar, which makes it difficult to see the text clearly. ![A website with light green text on a dark green background, showing bad contrast.](https://acquia.widen.net/content/9dc27667-62a6-4252-990b-92dfe46b245a/web/Mon_AccessibilityHelpCenter-BadContrastExample.png) #### Example: Good text contrast In this example the colors are adjusted to white text on a dark green background for sufficient enhanced contrast. ![A website with white text on a dark green background, showing good contrast.](https://acquia.widen.net/content/8b9ab0d1-bd0c-456c-95df-78e0b5ace999/web/Mon_AccessibilityHelpCenter-GoodContrastExample.png) How --- This section provides information on how to identify and fix the issue. ### How to identify it The Acquia Web Governance platform highlights elements that contain link text with insufficient contrast levels, including standard text on the website as well as link text in various states. These states include: * Default link text color * Visited link text color * Hovered link text color * Active link text color #### How to fix it To resolve the issue, you need to increase the contrast level between the link text and its background in each user-induced state. For light background colors, darken the text color. Conversely, for dark background colors, lighten the text color. When you adjust the colors, you can use the [Acquia Color Contrast Checker](https://www.acquia.com/products/acquia-optimize/tools/color-contrast-checker) to calculate contrast ratios that comply with the requirements for contrast checks. See the _ACT Rules_ section below, which includes a link to a complete technical explanation of this check. Additional resources -------------------- ### WCAG success criteria [1.4.6 Contrast (Enhanced)](https://www.w3.org/TR/WCAG21/#contrast-enhanced). ### ACT Rules Related accessibility conformance testing rules: [Text has enhanced contrast](https://www.w3.org/WAI/standards-guidelines/act/rules/09o5cg/)