{"id":151427,"date":"2025-08-11T21:20:37","date_gmt":"2025-08-11T18:20:37","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=151427"},"modified":"2025-08-11T21:20:37","modified_gmt":"2025-08-11T18:20:37","slug":"understanding-your-color-contrast-scan-results","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/","title":{"rendered":"Understanding your color contrast scan results"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><strong>Overview<\/strong><\/h3>\n\n\n\n<p>When Ally Assistant scans your site, it checks the color contrast between text and its background against WCAG 2.1 AA standards.<br>If text falls below the required contrast ratio, you\u2019ll see it flagged in your <strong>Scan Results Table<\/strong> and the <strong>in-product remediation panel<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Breaking down the results<\/strong><\/h3>\n\n\n\n<p>Each violation includes the following considerations:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Contrast ratio<\/strong>: The measured contrast between the text and background (e.g., 4.1).<br><\/li>\n\n\n\n<li><strong>Text size<\/strong>: In pixels (px).<br><\/li>\n\n\n\n<li><strong>Font weight<\/strong>: Normal (400) or bold (700), which affects WCAG requirements.<br><\/li>\n\n\n\n<li><strong>Required minimum<\/strong>:<br>\n<ul class=\"wp-block-list\">\n<li>4.5:1 for normal text (under 18px or 14px bold)<br><\/li>\n\n\n\n<li>3:1 for large text (at least 18px or 14px bold)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Why it matters<\/strong><\/h3>\n\n\n\n<p>Low-contrast text can be difficult or impossible to read for users with low vision or color blindness. Meeting WCAG contrast requirements improves accessibility and user experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>What to do next<\/strong><\/h3>\n\n\n\n<p><strong>See: <\/strong><a href=\"https:\/\/elementor.com\/help\/fixing-color-contrast-issues-with-ally-assistant\/\">Fixing color contrast issues with Ally Assistant<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Tip for faster fixes<\/strong><\/h3>\n\n\n\n<p>If you see multiple elements with similar contrast issues, consider updating your global color settings in your theme or style system. This ensures consistent compliance across your site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview When Ally Assistant scans your site, it checks the color contrast between text and its background against WCAG 2.1 AA standards.If text falls below the required contrast ratio, you\u2019ll see it flagged in your Scan Results Table and the in-product remediation panel. Breaking down the results Each violation includes the following considerations: Why it [&hellip;]<\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1475],"tags":[],"class_list":["post-151427","post","type-post","status-publish","format-standard","hentry","category-web-accessibility"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Understanding your color contrast scan results | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Understanding your color contrast scan results in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Understanding your color contrast scan results | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Understanding your color contrast scan results in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-11T18:20:37+00:00\" \/>\n<meta name=\"author\" content=\"rebeccaf\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rebeccaf\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/\"},\"author\":{\"name\":\"rebeccaf\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/65dd358743d24ed396d4712d9a202727\"},\"headline\":\"Understanding your color contrast scan results\",\"datePublished\":\"2025-08-11T18:20:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/\"},\"wordCount\":178,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"articleSection\":[\"Ally - Web Accessibility\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/\",\"url\":\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/\",\"name\":\"Understanding your color contrast scan results | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"datePublished\":\"2025-08-11T18:20:37+00:00\",\"description\":\"Learn everything about Understanding your color contrast scan results in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Plugins by Elementor\",\"item\":\"https:\/\/elementor.com\/help\/plugins-by-elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ally - Web Accessibility\",\"item\":\"https:\/\/elementor.com\/help\/plugins-by-elementor\/web-accessibility\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Understanding your color contrast scan results\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/65dd358743d24ed396d4712d9a202727\",\"name\":\"rebeccaf\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6ff18bb42e24357444c8a154005b39919ea1a5078f8103605a2498825fe44b73?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6ff18bb42e24357444c8a154005b39919ea1a5078f8103605a2498825fe44b73?s=96&d=mm&r=g\",\"caption\":\"rebeccaf\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Understanding your color contrast scan results | Elementor","description":"Learn everything about Understanding your color contrast scan results in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/","og_locale":"en_US","og_type":"article","og_title":"Understanding your color contrast scan results | Elementor","og_description":"Learn everything about Understanding your color contrast scan results in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/","og_site_name":"Help","article_published_time":"2025-08-11T18:20:37+00:00","author":"rebeccaf","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rebeccaf","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/"},"author":{"name":"rebeccaf","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/65dd358743d24ed396d4712d9a202727"},"headline":"Understanding your color contrast scan results","datePublished":"2025-08-11T18:20:37+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/"},"wordCount":178,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"articleSection":["Ally - Web Accessibility"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/","url":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/","name":"Understanding your color contrast scan results | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"datePublished":"2025-08-11T18:20:37+00:00","description":"Learn everything about Understanding your color contrast scan results in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/understanding-your-color-contrast-scan-results\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Plugins by Elementor","item":"https:\/\/elementor.com\/help\/plugins-by-elementor\/"},{"@type":"ListItem","position":3,"name":"Ally - Web Accessibility","item":"https:\/\/elementor.com\/help\/plugins-by-elementor\/web-accessibility\/"},{"@type":"ListItem","position":4,"name":"Understanding your color contrast scan results"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/65dd358743d24ed396d4712d9a202727","name":"rebeccaf","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6ff18bb42e24357444c8a154005b39919ea1a5078f8103605a2498825fe44b73?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6ff18bb42e24357444c8a154005b39919ea1a5078f8103605a2498825fe44b73?s=96&d=mm&r=g","caption":"rebeccaf"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/151427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=151427"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/151427\/revisions"}],"predecessor-version":[{"id":151428,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/151427\/revisions\/151428"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=151427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=151427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=151427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}