This document provides information about the Acquia Web Governance accessibility check:
Link text fails minimum contrast requirements.
What
Link text must have sufficient color contrast against its background to ensure readability for all users. The WCAG contrast ratio requirements are:
At least 4.5:1 for regular text.
At least 3:1 for large text that is 18pt and larger, or 14pt and bold.
This ensures that users can easily distinguish and read links.
Why
Poor link contrast can make navigation difficult for some users. Ensure that you use proper contrast ratio to improve accessibility, usability, and overall readability.
Who
Affected users
This check primarily impacts:
Users with low vision: Who require clear visual differentiation and find it hard to differentiate links from surrounding text.
Users with color blindness: Who may not perceive contrast effectively and find it difficult to see some color combinations.
All users: Who find it difficult to see low contrast links under glare or poor screen visibility.
Examples
This section provides some pass and fail examples.
The contrast ratio in this example is 2.8:1, which fails to meet the WCAG requirements.
How
This section provides instructions for how to identify and fix the issue.
How to identify it
The Acquia Web Governance platform highlights elements that contain text with insufficient contrast levels, including standard text on the website as well as link text in various states.
Identify links on the page. Look for <a> elements or other interactive text styled as links.
Check the color contrast ratio in the following ways:
Use browser developer tools to inspect the foreground text color and background color of links.
Use an online contrast checker or a browser extension.
Verify that large text meets the lower contrast requirement
If the text is 18pt or larger, or 14pt and bold, the contrast ratio should be 3:1 or higher.
How to fix it
Adjust the link color Ensure that the link text color provides sufficient contrast with the background:
This document provides information about the Acquia Web Governance accessibility check:
Link text fails minimum contrast requirements.
What
Link text must have sufficient color contrast against its background to ensure readability for all users. The WCAG contrast ratio requirements are:
At least 4.5:1 for regular text.
At least 3:1 for large text that is 18pt and larger, or 14pt and bold.
This ensures that users can easily distinguish and read links.
Why
Poor link contrast can make navigation difficult for some users. Ensure that you use proper contrast ratio to improve accessibility, usability, and overall readability.
Who
Affected users
This check primarily impacts:
Users with low vision: Who require clear visual differentiation and find it hard to differentiate links from surrounding text.
Users with color blindness: Who may not perceive contrast effectively and find it difficult to see some color combinations.
All users: Who find it difficult to see low contrast links under glare or poor screen visibility.
Examples
This section provides some pass and fail examples.
The contrast ratio in this example is 2.8:1, which fails to meet the WCAG requirements.
How
This section provides instructions for how to identify and fix the issue.
How to identify it
The Acquia Web Governance platform highlights elements that contain text with insufficient contrast levels, including standard text on the website as well as link text in various states.
Identify links on the page. Look for <a> elements or other interactive text styled as links.
Check the color contrast ratio in the following ways:
Use browser developer tools to inspect the foreground text color and background color of links.
Use an online contrast checker or a browser extension.
Verify that large text meets the lower contrast requirement
If the text is 18pt or larger, or 14pt and bold, the contrast ratio should be 3:1 or higher.
How to fix it
Adjust the link color Ensure that the link text color provides sufficient contrast with the background: