{"id":35679,"date":"2024-09-19T13:02:00","date_gmt":"2024-09-19T12:02:00","guid":{"rendered":"https:\/\/reciteme.com\/us\/?p=35679"},"modified":"2025-06-17T10:54:05","modified_gmt":"2025-06-17T09:54:05","slug":"color-contrast-accessibility","status":"publish","type":"post","link":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/","title":{"rendered":"How to properly implement Color Contrast accessibility on your website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"35679\" class=\"elementor elementor-35679\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f3ba11e disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f3ba11e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d66730d\" data-id=\"d66730d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3ba6023 elementor-widget elementor-widget-ucaddon_punchline_cta\" data-id=\"3ba6023\" data-element_type=\"widget\" data-widget_type=\"ucaddon_punchline_cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Punchline CTA -->\n<style>\/* widget: Punchline CTA *\/\n\n.punchline-bg-eaa {\n\tbackground-image:url('\/wp-content\/uploads\/2025\/01\/eumap-1.png');\n  \tbackground-color:#01349F;\n  \tbackground-position:center right;\n  \tbackground-size:cover;\n}\n\n.punchline-bg-ada {\n\tbackground-image:url('\/wp-content\/uploads\/2025\/01\/checker3Asset-2-8-1.png');\n  \tbackground-color:#06334A;\n  \tbackground-position:center right;\n  \tbackground-size:cover;\n}\n\n.punchline-bg-generic {\n\tbackground: rgb(6,51,74);\n\tbackground: linear-gradient(90deg, rgba(6,51,74,1) 0%, rgba(3,98,95,1) 100%);\n}\n\n.punchline-wrapper {\n  padding:20px 30px;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  border-radius:8px;\n}\n\n.punchline-wrapper p {\n  color:white;\n  font-weight:600!important;\n  font-size:18px!important;\n  margin-bottom:0px!important;\n  padding-right:20px;\n}\n\n.punchline-wrapper a {\n    background: #FFB400;\n    border-radius: 5px !important;\n    line-height: 15px;\n    font-weight: 600;\n    font-size: 15px;\n    text-align: center;\n    color: #000;\n    padding: 15px 40px;\n  \tborder: 3px solid #FFB400;\n  transition: all ease 0.3s;\n  min-width:205px;\n}\n\n.punchline-wrapper a:hover {\n\tbackground:white;\n  color:#000;\n}\n\n@media only screen and (max-width:700px) {\n  .punchline-wrapper {\n  \tdisplay:block;\n  }\n  .punchline-wrapper a {\n  \tmargin-top:20px;\n    display:block;\n  }\n}\n\n\n<\/style>\n\n<div class=\"punchline-wrapper punchline-bg-generic\">\n    <p>\n        Use The Free Colour Contrast Checker\n    <\/p>\n    <a href=\"https:\/\/reciteme.com\/us\/product\/color-contrast-checker\/\">\n        Use Contrast Checker\n    <\/a>\n<\/div>\n<!-- end Punchline CTA -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-510c861 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"510c861\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2fe2756\" data-id=\"2fe2756\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a4436db elementor-widget elementor-widget-text-editor\" data-id=\"a4436db\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Color contrast is an overlooked aspect of web design. Beyond mere aesthetics, getting color contrast right is what makes your content readable, removing <a href=\"https:\/\/reciteme.com\/us\/news\/barriers-to-accessibility\/\">accessibility barriers<\/a> for disabled users, especially for those with visual impairments. It could be, and often is, the difference between a customer churning in favor of a competitor with more accessible content, and the same customer sticking around to become one of your core followers. If you have a sneaky suspicion that your brand\u2019s palette is not as accessible as it should be, or even if you just want to familiarize yourself with the laws around color contrast, then this article is for you.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f5c462e disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f5c462e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a40c60e\" data-id=\"a40c60e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e5d701 elementor-widget elementor-widget-text-editor\" data-id=\"5e5d701\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>What is color contrast?<\/h2><p>Simply put, color contrast refers to the difference in brightness and hue between text or other visual elements, and their background. It follows that the greater the contrast, the easier it is to distinguish text from its background, making it more legible to readers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dd23361 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dd23361\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4b7d805\" data-id=\"4b7d805\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-12f3fa2 elementor-widget elementor-widget-text-editor\" data-id=\"12f3fa2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Put another way, color contrast is a measure of how different two colors are from one another. Consider black and white, for example. We all know black text reads well on a white background and vice versa, but why is that? It\u2019s because black and white exist on complete opposite ends of the color spectrum, exhibiting a stark contrast that stands out to the human eye when superimposed or even placed next to each other.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-25b50d1\" data-id=\"25b50d1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bfa85f6 elementor-widget elementor-widget-image\" data-id=\"bfa85f6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Auditing-icon-1.png\" class=\"attachment-large size-large wp-image-39107\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Auditing-icon-1.png 801w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Auditing-icon-1-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Auditing-icon-1-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/01\/Auditing-icon-1-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e95a02 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e95a02\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-48a07a9\" data-id=\"48a07a9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e9c977 elementor-widget elementor-widget-text-editor\" data-id=\"8e9c977\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>It is important to note that color contrast is typically given as a ratio, whereby the higher the ratio, the higher the contrast. For example, black text on a white background yields a color contrast of approximately 21:1, whereas yellow text on a white background returns 1.07:1. This is crucial to understand as accessibility regulations, such as the <a href=\"https:\/\/reciteme.com\/us\/news\/understanding-the-web-content-accessibility-guidelines-wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a>, often stipulate their color contrast requirements in terms of ratios.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-17621b1 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"17621b1\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a0a62ce\" data-id=\"a0a62ce\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b69a9c0 elementor-widget elementor-widget-image\" data-id=\"b69a9c0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"766\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-1024x980.png\" class=\"attachment-large size-large wp-image-33544\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-1024x980.png 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-300x287.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-768x735.png 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image-1536x1471.png 1536w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/06\/5-Checker-Website-image.png 2000w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e4c2d3e\" data-id=\"e4c2d3e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e5a181 elementor-widget elementor-widget-text-editor\" data-id=\"5e5a181\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"color: inherit;text-align: left\">Detect Color Contrast and Accessibility issues on your Website<\/h3><p>Detecting accessibility issues has never been easier than it is now. At Recite Me we offer a free automated scan of your websites homepage. This will identify and highlight any non-compliance on your website including color contrast issues. Followed by recommendations on how to implement the necessary changes to improve your websites accessibility score and standing.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c01f2af elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"c01f2af\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/reciteme.com\/us\/free-accessibility-check\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Run a Free Accessibility Check Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-70ebada disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"70ebada\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d5d1578\" data-id=\"d5d1578\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6f73479 elementor-widget elementor-widget-text-editor\" data-id=\"6f73479\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Why is color contrast accessibility important?<\/h2><p>There are a seemingly endless number of reasons why you would want to implement accessible color contrasts throughout your website or digital platform. Perhaps the most obvious is the need to comply with accessibility laws, which we\u2019ll come on to later. But beyond mere compliance, ensuring color contrast accessibility goes a long way towards tearing down <a href=\"https:\/\/reciteme.com\/us\/news\/barriers-to-inclusion\/\">barriers to inclusion for disabled individuals<\/a>. It is how you go about building an online space that is revered by your customers and competitors alike.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-28b6aa7 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"28b6aa7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-be8ab21\" data-id=\"be8ab21\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0494272 elementor-widget elementor-widget-text-editor\" data-id=\"0494272\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To put this in terms of numbers, globally, <a href=\"https:\/\/www.who.int\/publications\/i\/item\/9789241516570\">approximately 2.2 billion people have a vision impairment<\/a> of some kind. The vast majority of these individuals rely on assistive technologies and accessible web design in order to navigate web pages and carry out day-to-day tasks. By ignoring color contrast best practices, you risk alienating this portion of your audience, driving users away from your digital products or services towards those flaunted by your more accessible competitors. After all, why would anyone stay somewhere where they feel unwelcome?<\/p><p>But ultimately, there are a whole host of different accessibility strategies you could implement, so why focus on color contrast? Well, for one, making your website\u2019s color contrast accessible is an easy way to address a problem that 295 million people, who live with mild vision loss, face \u2014 struggling to accurately distinguish between various web page elements.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-422b97f\" data-id=\"422b97f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67096c4 elementor-widget elementor-widget-image\" data-id=\"67096c4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/1-Colour-Contrast-checker-icon.png\" class=\"attachment-large size-large wp-image-40467\" alt=\"colour contrast checker\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/1-Colour-Contrast-checker-icon.png 882w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/1-Colour-Contrast-checker-icon-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/1-Colour-Contrast-checker-icon-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/1-Colour-Contrast-checker-icon-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d74830a disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d74830a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-283f505\" data-id=\"283f505\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-82a936f elementor-widget elementor-widget-text-editor\" data-id=\"82a936f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Even for well-sighted users, this can sometimes be a challenge. So, prioritizing your time and resources on this one, easy-to-implement strategy, is a good place to start. It allows you to have a meaningful impact on your business\u2019s overall accessibility.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f957daa disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f957daa\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17a36bf\" data-id=\"17a36bf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9697d8f elementor-widget elementor-widget-text-editor\" data-id=\"9697d8f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>American Accessibility Laws on Color Contrast<\/h2><p>In American there are various accessibility laws and standards that you should look out for relating to color contrast accessibility. The most prominent laws include the Web Content Accessibility Guidelines and the Americans with Disabilities Act. Additionally, in the neighbouring region of Canada, you will find a similar standard, titled the Accessibility for Ontarians with Disabilities Act. Let&#8217;s take a closer look at each standard:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d687df9 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d687df9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3519c0d\" data-id=\"3519c0d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c8c0ff elementor-widget elementor-widget-text-editor\" data-id=\"1c8c0ff\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Web Content Accessibility Guidelines (WCAG)<\/h3><p>The <a href=\"https:\/\/reciteme.com\/us\/news\/understanding-the-web-content-accessibility-guidelines-wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a> are a globally recognized standard for ensuring web accessibility. Created by the World Wide Web Consortium (W3C), these guidelines provide detailed technical requirements for things like color contrast to ensure that websites and other digital platforms are accessible to people with disabilities. Although WCAG is not legally binding on its own, it serves as a foundation for many of the digital aspects of accessibility regulations worldwide, including the Americans with Disabilities Act (ADA).<\/p><p>In terms of color, WCAG specifies that content must meet certain contrast ratios between text and background, so that readability is enhanced for users with low vision or color blindness. However, working to these guidelines does not only benefit disabled users, it enhances the browsing experience for everyone, such as well-sighted individuals browsing in bright sunlight.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6edbdec disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6edbdec\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-65b8e7f\" data-id=\"65b8e7f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5b01adc elementor-widget elementor-widget-text-editor\" data-id=\"5b01adc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Americans with Disabilities Act (ADA)<\/h3><p>In the United States, the <a href=\"https:\/\/reciteme.com\/us\/news\/ada-web-accessibility-law\/\">Americans with Disabilities Act (ADA)<\/a> mandates that businesses provide equal access to services for individuals with disabilities. This includes things like websites and mobile apps. So, by adhering to <a href=\"https:\/\/reciteme.com\/us\/news\/best-practices-for-wcag-compliance\/\">WCAG best practices<\/a>, you can go a long way to complying with the digital aspects of ADA and protect your business from legal liabilities as a result.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-42a39f9 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"42a39f9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9f32ced\" data-id=\"9f32ced\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0291edb elementor-widget elementor-widget-image\" data-id=\"0291edb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"728\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/04\/ADA-Compliance-assets_ADA-Compliance-Solutions-graphic-1.png\" class=\"attachment-large size-large wp-image-31416\" alt=\"woman standing in front of american flag making announcement\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/04\/ADA-Compliance-assets_ADA-Compliance-Solutions-graphic-1.png 927w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/04\/ADA-Compliance-assets_ADA-Compliance-Solutions-graphic-1-300x273.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/04\/ADA-Compliance-assets_ADA-Compliance-Solutions-graphic-1-768x699.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-38c9174\" data-id=\"38c9174\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4be544a elementor-widget elementor-widget-text-editor\" data-id=\"4be544a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In Canada, a similar law applies: the <a href=\"https:\/\/reciteme.com\/us\/news\/aoda-compliance\/\">Accessibility for Ontarians with Disabilities Act (AODA)<\/a>. Just like the ADA, AODA uses the WCAG\u2019s requirements as a guide for its digital accessibility compliance, making it important for businesses operating in North America to stay WCAG-compliant.<\/p><p>Be sure to check out our related articles on <a href=\"https:\/\/reciteme.com\/us\/news\/wcag-vs-ada\/\">WCAG Vs ADA<\/a> or <a href=\"https:\/\/reciteme.com\/us\/news\/ada-compliant-colors\/\">ADA-Compliant colors<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-058ef9d disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"058ef9d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b0dc42c\" data-id=\"b0dc42c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ef4034b elementor-widget elementor-widget-text-editor\" data-id=\"ef4034b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>What are the required WCAG standards for color contrast?<\/h2><p>The WCAG outlines three different levels of conformance, <a href=\"https:\/\/reciteme.com\/us\/news\/what-are-the-levels-of-wcag-compliance\/\">Level A, AA, and AAA<\/a>, where A is the lowest level of conformance and AAA is the highest. Each level has its own requirements for the different aspects of accessibility. The requirements for color accessibility are as follows:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3b31f9c disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3b31f9c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3877a1d\" data-id=\"3877a1d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79667ee elementor-widget elementor-widget-text-editor\" data-id=\"79667ee\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Level A<\/strong>: Level A conformance requires that colors are not used as the only visual means of conveying information. For example, to indicate an action or to prompt a response, the color red should be used alongside a text pop-up explaining what to do.<\/li><li><strong>Level AA<\/strong>: Level AA conformance states that normal-sized text and images should possess a minimum color contrast ratio of 4.5:1, while large text (headers of font size 18pt or 14pt bold) should have a ratio of at least 3:1.<\/li><li><strong>Level AAA<\/strong>: Level AAA conformance requires a significantly higher standard of color contrast \u2014 at least 7:1 for normal text and images, and 4.5:1 for large text.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e69d3a9\" data-id=\"e69d3a9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32fc61d elementor-widget elementor-widget-image\" data-id=\"32fc61d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/2-Colour-Contrast-checker-icon.png\" class=\"attachment-large size-large wp-image-40468\" alt=\"color contrast levels\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/2-Colour-Contrast-checker-icon.png 882w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/2-Colour-Contrast-checker-icon-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/2-Colour-Contrast-checker-icon-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/02\/2-Colour-Contrast-checker-icon-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-65d8ed8 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"65d8ed8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6654dc8\" data-id=\"6654dc8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3770045 elementor-widget elementor-widget-text-editor\" data-id=\"3770045\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For most accessibility laws, businesses are required to achieve a minimum of Level AA conformance. Those who wish to go above and beyond can strive for Level AAA conformance, which is especially recommended if your target audience is elderly or is known to have low vision. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-322247b disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"322247b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b1e6280\" data-id=\"b1e6280\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1adfb53 elementor-widget elementor-widget-text-editor\" data-id=\"1adfb53\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Actionable tips to help with website color accessibility<\/h2><p>Knowing you need to follow guidelines is one thing, but knowing how to follow said guidelines is another thing altogether. This section takes the WCAG\u2019s color contrast requirements and translates them into actionable steps that you can start implementing immediately.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c17c42c disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c17c42c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-99688d8\" data-id=\"99688d8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2a3648 elementor-widget elementor-widget-image\" data-id=\"b2a3648\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"448\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/10-Interview-Process.png\" class=\"attachment-large size-large wp-image-35682\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/10-Interview-Process.png 601w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/10-Interview-Process-300x224.png 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7fff901\" data-id=\"7fff901\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ae8884 elementor-widget elementor-widget-text-editor\" data-id=\"1ae8884\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Test with real users<\/h3><p>One of the most effective ways to ensure that your brand\u2019s palette is accessible is by testing it with real users who have visual impairments. This involves forming user groups and allowing them to explore the full functionality of your website, where they note down any areas that give them trouble, and return this feedback to you in a constructive way. This is different to testing for technical compliance, as it gives an insight into how your website performs under real-world conditions, in spite of laws and regulations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4c8726 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c4c8726\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8e99ffe\" data-id=\"8e99ffe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fec6e76 elementor-widget elementor-widget-text-editor\" data-id=\"fec6e76\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Underline any hyperlinked text<\/h3><p>Underlining hyperlinks is a simple yet effective way to ensure that users can easily identify clickable text. While some web designs use color alone to distinguish links, adding an underline provides that extra layer of accessibility, making it clear to those who may not perceive the color difference.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cac0277 elementor-widget elementor-widget-text-editor\" data-id=\"cac0277\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Avoid relying solely on color to convey information<\/h3><p>Color should never be the only means of distinguishing important information from standard information. If a form entry is highlighted in red, it is not immediately clear that there is an error. Include a text-based alert or error message alongside the incorrect form entry, such as \u201cPlease fill in this field\u201d. This not only clarifies any ambiguity, it ensures that users with <a href=\"https:\/\/reciteme.com\/us\/news\/color-blind-accessibility\/\">color blindness<\/a>, who may not be able to see the color red, can still perceive that there is an issue with their form entry.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-78d78ac disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78d78ac\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-fc15866\" data-id=\"fc15866\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d24b26a elementor-widget elementor-widget-heading\" data-id=\"d24b26a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-medium\">Digital Accessibility and Inclusion Toolkit<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dc1586 elementor-widget elementor-widget-text-editor\" data-id=\"1dc1586\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our 40-page Digital Accessibility &amp; Inclusion Toolkit helps businesses break down online barriers and make a real impact. It offers practical advice on all aspects of digital accessibility, from writing an accessibility statement to accessible website tips and inclusive hiring.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3454f7f elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"3454f7f\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/reciteme.com\/us\/download\/accessibility-and-inclusion-toolkit\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download Your Toolkit Here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-b4fbb13\" data-id=\"b4fbb13\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a5e79f elementor-widget elementor-widget-image\" data-id=\"7a5e79f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"722\" src=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/Toolkit-Graphic-1.png\" class=\"attachment-large size-large wp-image-37328\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/Toolkit-Graphic-1.png 964w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/Toolkit-Graphic-1-300x271.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/11\/Toolkit-Graphic-1-768x693.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca054e9 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca054e9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-201a0e6\" data-id=\"201a0e6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-65731d1 elementor-widget elementor-widget-text-editor\" data-id=\"65731d1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Tools to help your website be more color accessible<\/h2><p>At this point, you have all our best tips for implementing accessible colors and you\u2019re equipped with the regulatory knowledge to avoid any mishaps. But just before you start rallying the troops, it\u2019s worth considering some of the tools that are available on the market today and the role they could play in making your website more <a href=\"https:\/\/reciteme.com\/us\/news\/blind-accessibility\/\">accessible for those with visual impairments<\/a>. Among other things, tools are how you make sure the colors you are implementing are actually accessible.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-07453e3 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"07453e3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d23b696\" data-id=\"d23b696\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c63dfb elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"0c63dfb\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/reciteme.com\\\/us\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2024\\\/09\\\/Home-Page-Header-Lottie-1.json&quot;,&quot;id&quot;:&quot;35683&quot;,&quot;size&quot;:&quot;&quot;},&quot;loop&quot;:&quot;yes&quot;,&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;0.2&quot;,&quot;sizes&quot;:[]},&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" role=\"presentation\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-467cf33\" data-id=\"467cf33\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6fc2b84 elementor-widget elementor-widget-text-editor\" data-id=\"6fc2b84\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Some tools, like Recite Me\u2019s <a href=\"https:\/\/reciteme.com\/us\/product\/website-accessibility-checker\/\">accessibility checker<\/a>, provide automated auditing, where they scan your website for any inaccessible or non-compliant features. This helps you identify which areas need addressing and where to focus your time or resources. As such, if you or your web designer inadvertently uses an inaccessible color combination across any of your web pages and their elements, this will get flagged by the software.<\/p><p><a href=\"https:\/\/reciteme.com\/us\/product\/color-contrast-checker\/\">Color contrast checkers<\/a> are another type of tool that can be used to achieve a similar thing. They are used to manually check the contrast ratio of individual elements should you have suspicions about a particular web page section or image.<\/p><p>Alternatively, you can opt for an all-in-one accessibility tool, like Recite Me\u2019s <a href=\"https:\/\/reciteme.com\/us\/product\/assistive-toolbar\/\">accessibility toolbar<\/a>, which, among many other things, offers users the ability to customize website colors as they see fit. This option gives users ultimate control over their browsing experience, allowing them to change text colors, background colors, and even tint the screen to make certain elements stand out.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Color Contrast Accessibility is a key to building an inclusive online environment. See how to implement it and why it matters here.<\/p>\n","protected":false},"author":9,"featured_media":35868,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[107],"tags":[158],"departments":[157],"type_tag":[124],"flag":[],"class_list":["post-35679","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-all-sectors","departments-all-job-titles","type_tag-articles"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Color Contrast Accessibility - Why it Matters?<\/title>\n<meta name=\"description\" content=\"Color Contrast Accessibility is a key to building an inclusive online environment. See how to implement it and why it matters here.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color Contrast Accessibility - Why it Matters?\" \/>\n<meta property=\"og:description\" content=\"Color Contrast Accessibility is a key to building an inclusive online environment. See how to implement it and why it matters here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"Recite Me\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-19T12:02:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-17T09:54:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michael Halpin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Halpin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/\"},\"author\":{\"name\":\"Michael Halpin\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\"},\"headline\":\"How to properly implement Color Contrast accessibility on your website\",\"datePublished\":\"2024-09-19T12:02:00+00:00\",\"dateModified\":\"2025-06-17T09:54:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/\"},\"wordCount\":1924,\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/us\/#organization\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg\",\"keywords\":[\"All Sectors\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/\",\"url\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/\",\"name\":\"Color Contrast Accessibility - Why it Matters?\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/us\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg\",\"datePublished\":\"2024-09-19T12:02:00+00:00\",\"dateModified\":\"2025-06-17T09:54:05+00:00\",\"description\":\"Color Contrast Accessibility is a key to building an inclusive online environment. See how to implement it and why it matters here.\",\"breadcrumb\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#primaryimage\",\"url\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg\",\"contentUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"How to properly implement Color Contrast accessibility on your website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/reciteme.com\/us\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to properly implement Color Contrast accessibility on your website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/reciteme.com\/us\/#website\",\"url\":\"https:\/\/reciteme.com\/us\/\",\"name\":\"Recite Me\",\"description\":\"Recite Me Website\",\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/us\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/reciteme.com\/us\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/reciteme.com\/us\/#organization\",\"name\":\"Recite Me\",\"url\":\"https:\/\/reciteme.com\/us\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png\",\"contentUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png\",\"width\":622,\"height\":200,\"caption\":\"Recite Me\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\",\"name\":\"Michael Halpin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g\",\"caption\":\"Michael Halpin\"},\"url\":\"https:\/\/reciteme.com\/us\/author\/michaelhalpin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Color Contrast Accessibility - Why it Matters?","description":"Color Contrast Accessibility is a key to building an inclusive online environment. See how to implement it and why it matters here.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Color Contrast Accessibility - Why it Matters?","og_description":"Color Contrast Accessibility is a key to building an inclusive online environment. See how to implement it and why it matters here.","og_url":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/","og_site_name":"Recite Me","article_published_time":"2024-09-19T12:02:00+00:00","article_modified_time":"2025-06-17T09:54:05+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg","type":"image\/jpeg"}],"author":"Michael Halpin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Michael Halpin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#article","isPartOf":{"@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/"},"author":{"name":"Michael Halpin","@id":"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8"},"headline":"How to properly implement Color Contrast accessibility on your website","datePublished":"2024-09-19T12:02:00+00:00","dateModified":"2025-06-17T09:54:05+00:00","mainEntityOfPage":{"@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/"},"wordCount":1924,"publisher":{"@id":"https:\/\/reciteme.com\/us\/#organization"},"image":{"@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg","keywords":["All Sectors"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/","url":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/","name":"Color Contrast Accessibility - Why it Matters?","isPartOf":{"@id":"https:\/\/reciteme.com\/us\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#primaryimage"},"image":{"@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg","datePublished":"2024-09-19T12:02:00+00:00","dateModified":"2025-06-17T09:54:05+00:00","description":"Color Contrast Accessibility is a key to building an inclusive online environment. See how to implement it and why it matters here.","breadcrumb":{"@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#primaryimage","url":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg","contentUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail_USA-VERSION.jpg","width":1920,"height":1080,"caption":"How to properly implement Color Contrast accessibility on your website"},{"@type":"BreadcrumbList","@id":"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reciteme.com\/us\/"},{"@type":"ListItem","position":2,"name":"How to properly implement Color Contrast accessibility on your website"}]},{"@type":"WebSite","@id":"https:\/\/reciteme.com\/us\/#website","url":"https:\/\/reciteme.com\/us\/","name":"Recite Me","description":"Recite Me Website","publisher":{"@id":"https:\/\/reciteme.com\/us\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/reciteme.com\/us\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/reciteme.com\/us\/#organization","name":"Recite Me","url":"https:\/\/reciteme.com\/us\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/","url":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png","contentUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png","width":622,"height":200,"caption":"Recite Me"},"image":{"@id":"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8","name":"Michael Halpin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reciteme.com\/us\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g","caption":"Michael Halpin"},"url":"https:\/\/reciteme.com\/us\/author\/michaelhalpin\/"}]}},"_links":{"self":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts\/35679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/comments?post=35679"}],"version-history":[{"count":41,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts\/35679\/revisions"}],"predecessor-version":[{"id":44100,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts\/35679\/revisions\/44100"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/media\/35868"}],"wp:attachment":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/media?parent=35679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/categories?post=35679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/tags?post=35679"},{"taxonomy":"departments","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/departments?post=35679"},{"taxonomy":"type_tag","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/type_tag?post=35679"},{"taxonomy":"flag","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/flag?post=35679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}