---
title: "1.4.11 Non-text contrast"
date: "2024-10-24T05:30:39+00:00"
summary: "Learn about WCAG 1.4.11 Non-text Contrast accessibility checks and find resources for UI and graphics components with 3:1 contrast ratio."
image:
type: "page"
url: "/web-governance/1411-non-text-contrast"
id: "ae621433-cbac-46a0-8d6e-c1edec3dfa32"
---

1.4.11 Non-text Contrast
------------------------

This collection provides information about the related accessibility checks for 

[WCAG 1.4.11 Non-text Contrast](https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html) :

*   [The visual presentation of UI and graphics components have a contrast ratio of at least 3:1 against adjacent color(s)](/web-governance/are-important-ui-and-graphical-components-distinguishable "Are important UI and graphical components distinguishable?")

Additional resources
--------------------

This section contains useful resources for this subject.

If you cannot find the specific check that is failing, it is possible that the help article is not written yet. For more information, see:

[The help article for my check is missing](/web-governance/help-article-my-check-missing "The help article for my check is missing")

### WCAG success criteria

*   [WCAG 1.4.11 Non-text Contrast](https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html)