{"id":30168,"date":"2024-09-19T13:02:57","date_gmt":"2024-09-19T12:02:57","guid":{"rendered":"https:\/\/reciteme.com\/au\/?p=30168"},"modified":"2025-07-22T10:49:08","modified_gmt":"2025-07-22T09:49:08","slug":"colour-contrast-accessibility","status":"publish","type":"post","link":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/","title":{"rendered":"How to properly implement Colour Contrast accessibility on your website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"30168\" class=\"elementor elementor-30168\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0dad593 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0dad593\" 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-828e410\" data-id=\"828e410\" 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-11d6d93 elementor-widget elementor-widget-ucaddon_punchline_cta\" data-id=\"11d6d93\" 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\/au\/product\/colour-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-56a6281 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"56a6281\" 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-6da8bd4\" data-id=\"6da8bd4\" 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-2980662 elementor-widget elementor-widget-text-editor\" data-id=\"2980662\" 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>Colour contrast is an overlooked aspect of web design. Beyond mere aesthetics, getting colour contrast right is what makes your content readable, removing <a href=\"https:\/\/reciteme.com\/au\/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 favour 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 familiarise yourself with the laws around colour 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-19c74e0 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"19c74e0\" 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-215bb21\" data-id=\"215bb21\" 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-cd728fe elementor-widget elementor-widget-text-editor\" data-id=\"cd728fe\" 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 colour contrast?<\/h2><p>Simply put, colour 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-114c095 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"114c095\" 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-d4cadc3\" data-id=\"d4cadc3\" 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-9fe7a9d elementor-widget elementor-widget-text-editor\" data-id=\"9fe7a9d\" 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, colour contrast is a measure of how different two colours 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 colour 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-1251b6d\" data-id=\"1251b6d\" 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-ed91e4b elementor-widget elementor-widget-image\" data-id=\"ed91e4b\" 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\/au\/wp-content\/uploads\/sites\/3\/2025\/01\/Auditing-icon-1.png\" class=\"attachment-large size-large wp-image-32002\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/01\/Auditing-icon-1.png 801w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/01\/Auditing-icon-1-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/01\/Auditing-icon-1-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/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-50331c0 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"50331c0\" 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-1cdf450\" data-id=\"1cdf450\" 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-c36b011 elementor-widget elementor-widget-text-editor\" data-id=\"c36b011\" 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 colour 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 colour 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\/au\/news\/understanding-the-web-content-accessibility-guidelines-wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a>, often stipulate their colour 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-d38cb32 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d38cb32\" 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-d1d3671\" data-id=\"d1d3671\" 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-752fd6e elementor-widget elementor-widget-image\" data-id=\"752fd6e\" 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\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/5-Checker-Website-image-1024x980.png\" class=\"attachment-large size-large wp-image-29024\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/5-Checker-Website-image-1024x980.png 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/5-Checker-Website-image-300x287.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/5-Checker-Website-image-768x735.png 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/5-Checker-Website-image-1536x1471.png 1536w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/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-4dd90fd\" data-id=\"4dd90fd\" 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-3c4bde0 elementor-widget elementor-widget-text-editor\" data-id=\"3c4bde0\" 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 Colour 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 colour 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-3980e29 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"3980e29\" 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\/au\/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-7a29f6d disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a29f6d\" 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-3d0d70d\" data-id=\"3d0d70d\" 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-c7431d0 elementor-widget elementor-widget-text-editor\" data-id=\"c7431d0\" 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 colour contrast accessibility important?<\/h2><p>There are a seemingly endless number of reasons why you would want to implement accessible colour 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 colour contrast accessibility goes a long way towards tearing down <a href=\"https:\/\/reciteme.com\/au\/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-bc2f872 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bc2f872\" 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-b878a9d\" data-id=\"b878a9d\" 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-287c125 elementor-widget elementor-widget-text-editor\" data-id=\"287c125\" 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\" target=\"_blank\" rel=\"noopener\">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 colour 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 colour contrast? Well, for one, making your website\u2019s colour 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-672d47e\" data-id=\"672d47e\" 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-bf9f51e elementor-widget elementor-widget-image\" data-id=\"bf9f51e\" 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\/au\/wp-content\/uploads\/sites\/3\/2025\/02\/1-Colour-Contrast-checker-icon.png\" class=\"attachment-large size-large wp-image-32654\" alt=\"colour contrast checker\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/02\/1-Colour-Contrast-checker-icon.png 882w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/02\/1-Colour-Contrast-checker-icon-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/02\/1-Colour-Contrast-checker-icon-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/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-d21b885 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d21b885\" 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-d923abc\" data-id=\"d923abc\" 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-53940eb elementor-widget elementor-widget-text-editor\" data-id=\"53940eb\" 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, prioritising 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-a3909f6 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a3909f6\" 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-b098d28\" data-id=\"b098d28\" 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-b4ea754 elementor-widget elementor-widget-text-editor\" data-id=\"b4ea754\" 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>Australian Accessibility laws on Colour Contrast<\/h2><p>In Australia and New Zealand, there are various accessibility laws and standards that you should look out for relating to colour contrast accessibility. The most prominent laws include the Web Content Accessibility Guidelines and the Disability Discrimination Act. Let&#8217;s take a closer look at each:<\/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-bb9284c disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bb9284c\" 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-8e696ee\" data-id=\"8e696ee\" 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-2456b42 elementor-widget elementor-widget-text-editor\" data-id=\"2456b42\" 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 Web Content Accessibility Guidelines (WCAG), developed by the World Wide Web Consortium (W3C), provide a comprehensive set of global standards for creating accessible web content. These guidelines aim to make websites usable for individuals with a range of disabilities, including those with visual impairments. One way it achieves this is by outlining specific criteria for things like the colour contrast between text and its background, making content easier to read for those with low vision or colour blindness.<\/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-a72966e disable-default elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a72966e\" 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-ab71a9d\" data-id=\"ab71a9d\" 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-fd40057 elementor-widget elementor-widget-image\" data-id=\"fd40057\" 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=\"500\" height=\"500\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/Top-accessibility-stories-WCAG.png\" class=\"attachment-large size-large wp-image-28464\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/Top-accessibility-stories-WCAG.png 500w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/Top-accessibility-stories-WCAG-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/Top-accessibility-stories-WCAG-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\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-95f9916\" data-id=\"95f9916\" 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-ad689d3 elementor-widget elementor-widget-text-editor\" data-id=\"ad689d3\" 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>These contrast requirements not only help visually-impaired users distinguish between text and background, but they enhance the overall browsing experience for everyone. While WCAG is not legally binding, it serves as the technical foundation for the digital aspects of many accessibility laws, including the Disability Discrimination Act (DDA).<\/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-83fa874 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"83fa874\" 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-e762f1b\" data-id=\"e762f1b\" 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-d09de78 elementor-widget elementor-widget-text-editor\" data-id=\"d09de78\" 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>Disability Discrimination Act (DDA)<\/h3><p>Australia\u2019s <a href=\"https:\/\/reciteme.com\/au\/news\/disability-discrimination-act-compliance\/\">Disability Discrimination Act (DDA)<\/a> of 1992 requires businesses and organisations to provide equitable access to their goods and services for people with disabilities. Though the DDA doesn\u2019t specifically reference WCAG, the Australian Human Rights Commission (AHRC) has published advisory notes which reference WCAG as the accepted standard for achieving web content 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-2bf124b disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2bf124b\" 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-9742b55\" data-id=\"9742b55\" 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-0106d37 elementor-widget elementor-widget-text-editor\" data-id=\"0106d37\" 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 practical terms, ensuring your website meets WCAG colour contrast standards can help prevent discrimination claims under the DDA. Inadequate contrast between text and background colours could be considered a barrier to access for individuals with visual impairments, leaving businesses vulnerable to litigation. Adopting <a href=\"https:\/\/reciteme.com\/au\/news\/best-practices-for-wcag-compliance\/\">WCAG best practices<\/a>, therefore, can take you a considerable way to ensuring compliance with the digital aspects of DDA.<\/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-f6766cc\" data-id=\"f6766cc\" 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-6d855b3 elementor-widget elementor-widget-image\" data-id=\"6d855b3\" 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=\"600\" height=\"600\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2023\/10\/Disability-Discrimination-Act-Hero.png\" class=\"attachment-large size-large wp-image-24825\" alt=\"Disability-Discrimination-Act-Hero\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2023\/10\/Disability-Discrimination-Act-Hero.png 600w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2023\/10\/Disability-Discrimination-Act-Hero-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2023\/10\/Disability-Discrimination-Act-Hero-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\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-0779298 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0779298\" 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-a11ccc8\" data-id=\"a11ccc8\" 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-59447df elementor-widget elementor-widget-text-editor\" data-id=\"59447df\" 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>Government Web Accessibility Standard\u202f1.2<\/h3><p><a href=\"https:\/\/reciteme.com\/au\/news\/nz-web-accessibility-standard\/\">New\u202fZealand\u2019s Online Accessibility Standard<\/a> (Government Web Accessibility Standard\u202f1.2), which took effect on the 17th March 2025. It mandates that official websites and digital services meet WCAG 2.2 Level AA requirements. Moreover, the acts aim is to guarantee that people with disabilities can access and interact with government information online, aligning with New\u202fZealand\u2019s commitments under the Human Rights Act\u202f1993, the Bill of Rights Act\u202f1990, and the UN Convention on the Rights of Persons with Disabilities.<\/p><p>Mandatory compliance applies to all core Public Service agencies, the Defence Force, Police, and the Parliamentary Counsel Office. Other Crown entities and local authorities are strongly encouraged to follow the Standard to promote nationwide digital inclusion.<\/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-3bd19c4 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3bd19c4\" 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-6bb2a34\" data-id=\"6bb2a34\" 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-bc50dbd elementor-widget elementor-widget-text-editor\" data-id=\"bc50dbd\" 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 colour contrast?<\/h2><p>The WCAG outlines three different levels of conformance, <a href=\"https:\/\/reciteme.com\/au\/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 colour 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-b4e9509 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b4e9509\" 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-46247b8\" data-id=\"46247b8\" 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-3295a38 elementor-widget elementor-widget-image\" data-id=\"3295a38\" 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\/au\/wp-content\/uploads\/sites\/3\/2025\/02\/2-Colour-Contrast-checker-icon.png\" class=\"attachment-large size-large wp-image-32655\" alt=\"colour contrast levels\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/02\/2-Colour-Contrast-checker-icon.png 882w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/02\/2-Colour-Contrast-checker-icon-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/02\/2-Colour-Contrast-checker-icon-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ffee751\" data-id=\"ffee751\" 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-cc5f619 elementor-widget elementor-widget-text-editor\" data-id=\"cc5f619\" 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 colours are not used as the only visual means of conveying information. For example, to indicate an action or to prompt a response, the colour 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 colour 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 colour 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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0438ec3 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0438ec3\" 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-b01dc9f\" data-id=\"b01dc9f\" 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-aeb0bfd elementor-widget elementor-widget-text-editor\" data-id=\"aeb0bfd\" 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-debd68f disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"debd68f\" 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-773e3c9\" data-id=\"773e3c9\" 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-88113f5 elementor-widget elementor-widget-text-editor\" data-id=\"88113f5\" 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 colour 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 colour 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-77598b6 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"77598b6\" 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-1c90ab8\" data-id=\"1c90ab8\" 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-a0cd025 elementor-widget elementor-widget-text-editor\" data-id=\"a0cd025\" 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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1f4c125\" data-id=\"1f4c125\" 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-98a69a4 elementor-widget elementor-widget-image\" data-id=\"98a69a4\" 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\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/10-Interview-Process.png\" class=\"attachment-large size-large wp-image-30172\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/10-Interview-Process.png 601w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-52cbad0 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"52cbad0\" 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-c7c0c3e\" data-id=\"c7c0c3e\" 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-d56b488 elementor-widget elementor-widget-text-editor\" data-id=\"d56b488\" 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 colour alone to distinguish links, adding an underline provides that extra layer of accessibility, making it clear to those who may not perceive the colour 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-2b3e907 elementor-widget elementor-widget-text-editor\" data-id=\"2b3e907\" 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 colour to convey information<\/h3><p>Colour 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\/au\/news\/colour-blind-accessibility\/\">colour blindness<\/a>, who may not be able to see the colour 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-1ffee8c disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1ffee8c\" 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-e89071b\" data-id=\"e89071b\" 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-ef0f923 elementor-widget elementor-widget-heading\" data-id=\"ef0f923\" 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-22910a4 elementor-widget elementor-widget-text-editor\" data-id=\"22910a4\" 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-edbfaa4 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"edbfaa4\" 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\/au\/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-1763a5b\" data-id=\"1763a5b\" 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-feb7960 elementor-widget elementor-widget-image\" data-id=\"feb7960\" 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\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1.png\" class=\"attachment-large size-large wp-image-33849\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1.png 964w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1-300x271.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/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-f13e200 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f13e200\" 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-7e9408c\" data-id=\"7e9408c\" 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-e15050d elementor-widget elementor-widget-text-editor\" data-id=\"e15050d\" 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 colour accessible<\/h2><p>At this point, you have all our best tips for implementing accessible colours 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\/au\/news\/blind-accessibility\/\">accessible for those with visual impairments<\/a>. Among other things, tools are how you make sure the colours 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-a335304 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a335304\" 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-8e17799\" data-id=\"8e17799\" 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-1b470a6 elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"1b470a6\" data-element_type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/reciteme.com\\\/au\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2024\\\/09\\\/Home-Page-Header-Lottie-1.json&quot;,&quot;id&quot;:&quot;30173&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-8fcdb23\" data-id=\"8fcdb23\" 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-761115c elementor-widget elementor-widget-text-editor\" data-id=\"761115c\" 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\/au\/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 colour combination across any of your web pages and their elements, this will get flagged by the software.<\/p><p><a href=\"https:\/\/reciteme.com\/au\/product\/colour-contrast-checker\/\">Colour 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\/au\/product\/assistive-toolbar\/\">accessibility toolbar<\/a>, which, among many other things, offers users the ability to customise website colours as they see fit. This option gives users ultimate control over their browsing experience, allowing them to change text colours, background colours, 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>Colour 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":30219,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[107],"tags":[199],"departments":[93,97,95,92,94,133],"type_tag":[124],"flag":[],"class_list":["post-30168","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-general-accessibility","departments-c-suite","departments-careers","departments-diversity","departments-hr","departments-marketing","departments-sales","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>Colour Contrast accessibility - Why it Matters?<\/title>\n<meta name=\"description\" content=\"Colour 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_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Colour Contrast accessibility - Why it Matters?\" \/>\n<meta property=\"og:description\" content=\"Colour 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\/au\/news\/colour-contrast-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"Recite Me\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-19T12:02:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-22T09:49:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.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<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/\"},\"author\":{\"name\":\"Michael Halpin\",\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\"},\"headline\":\"How to properly implement Colour Contrast accessibility on your website\",\"datePublished\":\"2024-09-19T12:02:57+00:00\",\"dateModified\":\"2025-07-22T09:49:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/\"},\"wordCount\":2008,\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/au\/#organization\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.jpg\",\"keywords\":[\"General Accessibility\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/\",\"url\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/\",\"name\":\"Colour Contrast accessibility - Why it Matters?\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/au\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.jpg\",\"datePublished\":\"2024-09-19T12:02:57+00:00\",\"dateModified\":\"2025-07-22T09:49:08+00:00\",\"description\":\"Colour 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\/au\/news\/colour-contrast-accessibility\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#primaryimage\",\"url\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.jpg\",\"contentUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"How to properly implement Colour Contrast accessibility on your website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/reciteme.com\/au\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to properly implement Colour Contrast accessibility on your website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/reciteme.com\/au\/#website\",\"url\":\"https:\/\/reciteme.com\/au\/\",\"name\":\"Recite Me\",\"description\":\"Recite Me Website\",\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/au\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/reciteme.com\/au\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/reciteme.com\/au\/#organization\",\"name\":\"Recite Me\",\"url\":\"https:\/\/reciteme.com\/au\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2022\/03\/Recite_Logo_NewRed.png\",\"contentUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2022\/03\/Recite_Logo_NewRed.png\",\"width\":246,\"height\":80,\"caption\":\"Recite Me\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\",\"name\":\"Michael Halpin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/reciteme.com\/au\/#\/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\/au\/author\/michaelhalpin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Colour Contrast accessibility - Why it Matters?","description":"Colour 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_GB","og_type":"article","og_title":"Colour Contrast accessibility - Why it Matters?","og_description":"Colour 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\/au\/news\/colour-contrast-accessibility\/","og_site_name":"Recite Me","article_published_time":"2024-09-19T12:02:57+00:00","article_modified_time":"2025-07-22T09:49:08+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.jpg","type":"image\/jpeg"}],"author":"Michael Halpin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Michael Halpin"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#article","isPartOf":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/"},"author":{"name":"Michael Halpin","@id":"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8"},"headline":"How to properly implement Colour Contrast accessibility on your website","datePublished":"2024-09-19T12:02:57+00:00","dateModified":"2025-07-22T09:49:08+00:00","mainEntityOfPage":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/"},"wordCount":2008,"publisher":{"@id":"https:\/\/reciteme.com\/au\/#organization"},"image":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.jpg","keywords":["General Accessibility"],"articleSection":["News"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/","url":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/","name":"Colour Contrast accessibility - Why it Matters?","isPartOf":{"@id":"https:\/\/reciteme.com\/au\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#primaryimage"},"image":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.jpg","datePublished":"2024-09-19T12:02:57+00:00","dateModified":"2025-07-22T09:49:08+00:00","description":"Colour 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\/au\/news\/colour-contrast-accessibility\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#primaryimage","url":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.jpg","contentUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/09\/How-to-properly-implement-Colour-Contrast-accessibility-on-your-website-Thumbnail-copy.jpg","width":1920,"height":1080,"caption":"How to properly implement Colour Contrast accessibility on your website"},{"@type":"BreadcrumbList","@id":"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reciteme.com\/au\/"},{"@type":"ListItem","position":2,"name":"How to properly implement Colour Contrast accessibility on your website"}]},{"@type":"WebSite","@id":"https:\/\/reciteme.com\/au\/#website","url":"https:\/\/reciteme.com\/au\/","name":"Recite Me","description":"Recite Me Website","publisher":{"@id":"https:\/\/reciteme.com\/au\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/reciteme.com\/au\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/reciteme.com\/au\/#organization","name":"Recite Me","url":"https:\/\/reciteme.com\/au\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/reciteme.com\/au\/#\/schema\/logo\/image\/","url":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2022\/03\/Recite_Logo_NewRed.png","contentUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2022\/03\/Recite_Logo_NewRed.png","width":246,"height":80,"caption":"Recite Me"},"image":{"@id":"https:\/\/reciteme.com\/au\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8","name":"Michael Halpin","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/reciteme.com\/au\/#\/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\/au\/author\/michaelhalpin\/"}]}},"_links":{"self":[{"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts\/30168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/comments?post=30168"}],"version-history":[{"count":40,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts\/30168\/revisions"}],"predecessor-version":[{"id":34855,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts\/30168\/revisions\/34855"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/media\/30219"}],"wp:attachment":[{"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/media?parent=30168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/categories?post=30168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/tags?post=30168"},{"taxonomy":"departments","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/departments?post=30168"},{"taxonomy":"type_tag","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/type_tag?post=30168"},{"taxonomy":"flag","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/flag?post=30168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}