{"id":34461,"date":"2025-06-17T08:37:16","date_gmt":"2025-06-17T07:37:16","guid":{"rendered":"https:\/\/reciteme.com\/au\/?p=34461"},"modified":"2026-01-28T10:58:27","modified_gmt":"2026-01-28T10:58:27","slug":"colour-blind-accessibility","status":"publish","type":"post","link":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/","title":{"rendered":"Colour-Blind Accessibility: How to Make Your Website Inclusive To People Who Can\u2019t See Colour"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"34461\" class=\"elementor elementor-34461\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a2c607d disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a2c607d\" 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-1c9f818\" data-id=\"1c9f818\" 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-d56ed4d elementor-widget elementor-widget-ucaddon_punchline_cta\" data-id=\"d56ed4d\" 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-f94d9be disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f94d9be\" 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-19ac727\" data-id=\"19ac727\" 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-8ba15cd elementor-widget elementor-widget-text-editor\" data-id=\"8ba15cd\" 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>When designing a website, colour is often used to grab attention, differentiate content, or guide users through a task. But for a significant portion of the global population, colour perception doesn\u2019t work the same way. An estimated 300 million people worldwide live with some form of colour-blindness. That translates to around 1 in 12 men and 1 in 200 women. Being colour-blind can make websites confusing, frustrating, or even unusable when colour is the sole method of conveying information.<\/p><p>This article highlights the common challenges faced by users with colour-blindness and provides practical tips to address them. You&#8217;ll learn how to design a website that&#8217;s inclusive, user-friendly, and aligned with accessibility standards.<\/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-a3f057b disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a3f057b\" 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-a3c863e\" data-id=\"a3c863e\" 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-0e518a1 elementor-widget elementor-widget-text-editor\" data-id=\"0e518a1\" 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-blindness and how does it impact web visitors?<\/h2><p>Colour-blindness happens when the cone cells in the eye (nerve cells responsible for detecting colour) don\u2019t work properly or are missing altogether. These cone cells are sensitive to specific wavelengths of light, typically associated with red, green, or blue.<\/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-6392c83 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6392c83\" 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-eee997f\" data-id=\"eee997f\" 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-3ede916 elementor-widget elementor-widget-text-editor\" data-id=\"3ede916\" 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>Most colour-blind people can still see some colours. In fact, total colour-blindness, known as monochromacy, is very rare. The vast majority of cases fall under the category of colour vision deficiency (CVD), where individuals struggle to distinguish between specific colours.<\/p><p>The most common types include:<\/p><ul><li>Deutan types (the most common) affect green perception, causing confusion between reds, greens, and browns.<\/li><li>Protan types affect red perception, making reds appear darker or hard to distinguish from other colours.<\/li><li>Tritan types affect blue perception, leading to difficulty distinguishing blues from greens and yellows.<\/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-70d3414\" data-id=\"70d3414\" 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-bf4d37e elementor-widget elementor-widget-image\" data-id=\"bf4d37e\" 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\/06\/1-Colour-Contrast-checker-icon.png\" class=\"attachment-large size-large wp-image-34465\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/1-Colour-Contrast-checker-icon.png 882w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/1-Colour-Contrast-checker-icon-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/1-Colour-Contrast-checker-icon-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/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-0e67d4b disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0e67d4b\" 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-18fecbf\" data-id=\"18fecbf\" 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-4fe4e8b elementor-widget elementor-widget-image\" data-id=\"4fe4e8b\" 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\/05\/SEO-and-Accessibility-blog-Header-1024x1024.png\" class=\"attachment-large size-large wp-image-33692\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/SEO-and-Accessibility-blog-Header-1024x1024.png 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/SEO-and-Accessibility-blog-Header-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/SEO-and-Accessibility-blog-Header-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/SEO-and-Accessibility-blog-Header-768x768.png 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/SEO-and-Accessibility-blog-Header.png 1080w\" 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-d1bd390\" data-id=\"d1bd390\" 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-0dbddd2 elementor-widget elementor-widget-text-editor\" data-id=\"0dbddd2\" 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 a colour-blind web user, reds and greens might appear indistinguishable, or colour distinctions may be subtler or washed out.<\/p><p>On a website, this can result in:<\/p><ul><li>Buttons blending into the background<\/li><li>Error messages going unnoticed<\/li><li>Data visualisations becoming meaningless<\/li><li>Confusing form fields and icons<\/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-0aadda0 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0aadda0\" 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-d83d47a\" data-id=\"d83d47a\" 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-ee13b07 elementor-widget elementor-widget-text-editor\" data-id=\"ee13b07\" 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>If key functionality or information is only conveyed using colour, colour-blind users might miss it entirely. That\u2019s why designing with inclusive colour usage is essential.<\/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-fc8af16 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fc8af16\" 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-f056295\" data-id=\"f056295\" 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-4b7a908 elementor-widget elementor-widget-heading\" data-id=\"4b7a908\" 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\">Get a Free Accessibility Check of your Website<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1458e95 elementor-widget elementor-widget-text-editor\" data-id=\"1458e95\" 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>Get a free automated accessibility check of your websites homepage. This will identify and highlight any compliance issues on your website. Followed by recommendations on how to implement the necessary changes to make your website more accessible.<\/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-ab5fd9e elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"ab5fd9e\" 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 Compliance 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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-165d115\" data-id=\"165d115\" 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-95458a5 elementor-widget elementor-widget-image\" data-id=\"95458a5\" 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\/2025\/05\/5-Checker-Website-image-1024x980.png\" class=\"attachment-large size-large wp-image-33845\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image-1024x980.png 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image-300x287.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image-768x735.png 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image-1536x1471.png 1536w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-20e6ab6 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"20e6ab6\" 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-c4016dc\" data-id=\"c4016dc\" 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-e0fa1c0 elementor-widget elementor-widget-text-editor\" data-id=\"e0fa1c0\" 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>WCAG guidelines relevant to colour-blind accessibility<\/h2><p>The <a href=\"https:\/\/reciteme.com\/au\/news\/understanding-the-web-content-accessibility-guidelines-wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a> provide the international standard for accessible website design. Colour accessibility plays a key role in these standards, ensuring that colour is used in ways all users can perceive and understand. Applying WCAG guidelines helps you create digital content that\u2019s inclusive, accessible, and usable for everyone, regardless of how they see colour.<\/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-10c4358 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"10c4358\" 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-d7d6f3e\" data-id=\"d7d6f3e\" 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-b52b18e elementor-widget elementor-widget-image\" data-id=\"b52b18e\" 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-75e5182\" data-id=\"75e5182\" 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-b91a50f elementor-widget elementor-widget-text-editor\" data-id=\"b91a50f\" 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>The WCAG is organised into <a href=\"https:\/\/reciteme.com\/au\/news\/what-are-the-levels-of-wcag-compliance\/\">three levels of accessibility: A, AA, and AAA<\/a>. Each level builds on the last, with A being the most basic and AAA the most comprehensive. As you move up the levels, the requirements become more rigorous, offering greater accessibility for a wider range of users. Meeting WCAG 2.1 Level AA is the current best practice and a legal requirement in many regions.<\/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-0816334 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0816334\" 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-3fcd2e4\" data-id=\"3fcd2e4\" 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-453cbee elementor-widget elementor-widget-text-editor\" data-id=\"453cbee\" 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 colour-blind accessibility, these three checkpoints are most critical:<\/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-c520c1a disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c520c1a\" 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-84e2542\" data-id=\"84e2542\" 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-ad9445d elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"ad9445d\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1821\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1821\" aria-expanded=\"false\">WCAG 1.4.1 Use of Colour (Level A)<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1822\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1822\" aria-expanded=\"false\">WCAG 1.4.3 Contrast (Level AA)<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1823\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1823\" aria-expanded=\"false\">WCAG 1.4.11 Non-Text Contrast (Level AA)<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1821\" aria-expanded=\"false\">WCAG 1.4.1 Use of Colour (Level A)<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1821\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1821\" tabindex=\"0\" hidden=\"false\"><p>This guideline requires that colour is not the only method used to convey information, indicate an action, prompt a response, or distinguish a visual element.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1822\" aria-expanded=\"false\">WCAG 1.4.3 Contrast (Level AA)<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1822\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1822\" tabindex=\"0\" hidden=\"hidden\"><p>To ensure text is readable, there must be a minimum contrast ratio of 4.5:1 between the text and its background.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1823\" aria-expanded=\"false\">WCAG 1.4.11 Non-Text Contrast (Level AA)<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1823\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1823\" tabindex=\"0\" hidden=\"hidden\"><p>This guideline applies to non-text elements like buttons, form fields, icons, and graphs. These must have a contrast ratio of at least 3:1 against surrounding elements or backgrounds.<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\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-d119b04 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d119b04\" 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-b606747\" data-id=\"b606747\" 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-6afe8ed elementor-widget elementor-widget-text-editor\" data-id=\"6afe8ed\" 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>How to ensure UI components are accessible to colour-blind users<\/h2><p>Let\u2019s dive into how to design common UI elements with colour-blind users in mind.<\/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-83de80a disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"83de80a\" 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-1fbadc4\" data-id=\"1fbadc4\" 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-dfe5588 elementor-widget elementor-widget-text-editor\" data-id=\"dfe5588\" 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>Buttons, links, and controls<\/h3><p>Colour by itself isn\u2019t enough to indicate an interactive element. To make interactions clear for everyone, follow these best practices.<\/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-0c788f1 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0c788f1\" 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-5c62961\" data-id=\"5c62961\" 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-baf203d elementor-widget elementor-widget-text-editor\" data-id=\"baf203d\" 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>Visible focus indicators<\/strong>: Make sure users navigating with a keyboard can see which element is selected by using clear outlines or borders, not just a change in colour.<\/li><li><strong>High-contrast visual cues<\/strong>: Use borders, outlines, or shadows with strong contrast so they remain visible to users with any type of colour vision.<\/li><li><strong>Clear and descriptive text<\/strong>: Instead of vague link text like \u201cClick here,\u201d use specific labels such as \u201cDownload Report\u201d or \u201cView Pricing\u201d to help all users understand the purpose of the link.<\/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-8f3384d\" data-id=\"8f3384d\" 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-76094c8 elementor-widget elementor-widget-image\" data-id=\"76094c8\" 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\/06\/Top-10-Web-Accessibility-Best-Practices-Header-1024x1024.png\" class=\"attachment-large size-large wp-image-34466\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header-1024x1024.png 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header-768x768.png 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header.png 1080w\" 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-a588ed2 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a588ed2\" 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-550a156\" data-id=\"550a156\" 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-e1e4362 elementor-widget elementor-widget-text-editor\" data-id=\"e1e4362\" 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><strong>Do<\/strong>: Use a coloured button with a dark outline and clear label like &#8220;Submit&#8221;<\/p><p><strong>Don\u2019t<\/strong>: Rely on a colour change from blue to green to show a hover or active state.<\/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-0476a9a disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0476a9a\" 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-d06f6bc\" data-id=\"d06f6bc\" 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-acf83cf elementor-widget elementor-widget-image\" data-id=\"acf83cf\" 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=\"670\" height=\"570\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/08\/3-Inclusion-Index-Enhance-Website-Accessibility.png\" class=\"attachment-large size-large wp-image-29919\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/08\/3-Inclusion-Index-Enhance-Website-Accessibility.png 670w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/08\/3-Inclusion-Index-Enhance-Website-Accessibility-300x255.png 300w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/>\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-cd3baf6\" data-id=\"cd3baf6\" 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-7aa4143 elementor-widget elementor-widget-text-editor\" data-id=\"7aa4143\" 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>Forms, error messages, and validation<\/h3><p><a href=\"https:\/\/reciteme.com\/au\/news\/website-form-accessibility\/\">Website form<\/a> errors are often only indicated in red, which may be invisible to red-green colour-blind users. To make them accessible:<\/p><ul><li><strong>Use both colour and icon\/text<\/strong>: Pair red text with an icon like an exclamation mark, and a clear message such as \u201cThis field is required.\u201d<\/li><li><strong>Field labels should be persistent<\/strong>: Never use placeholder text alone. Place labels above or beside fields for clarity.<\/li><li><strong>Highlight fields with borders or icons<\/strong>: Use a bold border, underline, or icon to indicate an error state.<\/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-c326466 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c326466\" 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-8d12618\" data-id=\"8d12618\" 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-48a3500 elementor-widget elementor-widget-text-editor\" data-id=\"48a3500\" 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><strong>Do<\/strong>: Show \u201cPlease enter your email address\u201d in red with an alert icon<\/p><p><strong>Don\u2019t<\/strong>: Just highlight the field in red with no text explanation<\/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-2a8f101 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2a8f101\" 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-421e1e0\" data-id=\"421e1e0\" 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-835f95d elementor-widget elementor-widget-text-editor\" data-id=\"835f95d\" 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>Data visualisations (charts, graphs, and maps)<\/h3><p>Charts are a frequent pitfall for colour-blind accessibility. Relying only on colour to differentiate data can make visuals unusable. Here\u2019s how to improve your charts, graphs, and maps:<\/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-9f49b26 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9f49b26\" 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-120cc94\" data-id=\"120cc94\" 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-1102973 elementor-widget elementor-widget-text-editor\" data-id=\"1102973\" 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>Use distinguishable shades<\/strong>: Avoid using traditional red-green colour scales. Instead, you can use red with a pink tone and green with a bright lime shade to improve clarity. There are also map and chart palettes specifically designed for colour-blind users.<\/li><li><strong>Use textures or patterns<\/strong>: Differentiate bars, lines, or regions with dashes, cross-hatching, or patterns.<\/li><li><strong>Label directly<\/strong>: Label lines or data series directly on the chart instead of using a colour-coded legend.<\/li><li><strong>Provide descriptions and data tables<\/strong>: Include a textual summary or data table for users who can\u2019t interpret the visualisations. For visual accessibility you should also describe every image on your site with image alt 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-42e17c8\" data-id=\"42e17c8\" 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-10a6f28 elementor-widget elementor-widget-image\" data-id=\"10a6f28\" 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=\"625\" height=\"625\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Improving-Disability-Inclusion-in-The-Workplace_Training.png\" class=\"attachment-large size-large wp-image-34416\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Improving-Disability-Inclusion-in-The-Workplace_Training.png 625w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Improving-Disability-Inclusion-in-The-Workplace_Training-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Improving-Disability-Inclusion-in-The-Workplace_Training-150x150.png 150w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/>\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-8c6bd1e disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c6bd1e\" 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-6c95131\" data-id=\"6c95131\" 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-f979583 elementor-widget elementor-widget-text-editor\" data-id=\"f979583\" 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><strong>Do<\/strong>: Pair a pie chart with a table and use labels and textures<\/p><p><strong>Don\u2019t<\/strong>: Use five similar shades of red and green in a legend<\/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-f40ec34 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f40ec34\" 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-b887ffc\" data-id=\"b887ffc\" 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-41727e1 elementor-widget elementor-widget-text-editor\" data-id=\"41727e1\" 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>Icons and illustrations<\/h3><p>Icons should be easy to understand, even for people who can\u2019t see colours well. Here\u2019s how to make sure your icons are clear and 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-2ca227f disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2ca227f\" 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-e5da16b\" data-id=\"e5da16b\" 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-f6097a7 elementor-widget elementor-widget-image\" data-id=\"f6097a7\" 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\/06\/Drive-Change-Your-Diversity-and-Inclusion-Goal-Guide-header-1024x1024.png\" class=\"attachment-large size-large wp-image-34467\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Drive-Change-Your-Diversity-and-Inclusion-Goal-Guide-header-1024x1024.png 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Drive-Change-Your-Diversity-and-Inclusion-Goal-Guide-header-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Drive-Change-Your-Diversity-and-Inclusion-Goal-Guide-header-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Drive-Change-Your-Diversity-and-Inclusion-Goal-Guide-header-768x768.png 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Drive-Change-Your-Diversity-and-Inclusion-Goal-Guide-header.png 1080w\" 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-05466e2\" data-id=\"05466e2\" 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-09d339f elementor-widget elementor-widget-text-editor\" data-id=\"09d339f\" 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>Always add text labels<\/strong>: Don\u2019t rely on the image alone to explain what an icon means. For example, instead of just showing a red trash can to mean \u201cDelete,\u201d also include the word \u201cDelete\u201d next to or under the icon.<\/li><li><strong>Check the contrast<\/strong>: Make sure your icons stand out clearly from the background. For example, a light grey icon on a white background may be hard to see, choose colours with strong contrast.<\/li><li><strong>Make icons readable by screen readers<\/strong>: If you\u2019re using icons in code like Scalable Vector Graphics (SVGs), add labels so that people using assistive tools like screen readers know what the icon means.<\/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-6049bb6 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6049bb6\" 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-229d1d3\" data-id=\"229d1d3\" 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-9177b9a elementor-widget elementor-widget-text-editor\" data-id=\"9177b9a\" 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><strong>Do<\/strong>: Pair a yellow warning triangle with the text \u201cWarning\u201d next to it.<\/p><p><strong>Don\u2019t<\/strong>: Use a red circle icon without a label.<\/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-78f4d96 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78f4d96\" 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-1bfdf67\" data-id=\"1bfdf67\" 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-2ef7fe9 elementor-widget elementor-widget-text-editor\" data-id=\"2ef7fe9\" 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 tools can help you test for colour-blind accessibility<\/h2><p>Testing for colour-blind accessibility is an essential part of an inclusive design process. Whether you&#8217;re a designer, developer, or content creator, there are a variety of ways to evaluate whether your site works for people who see colour differently. <\/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-0818cde disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0818cde\" 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-668bfb7\" data-id=\"668bfb7\" 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-72ba183 elementor-widget elementor-widget-text-editor\" data-id=\"72ba183\" 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>Automated accessibility check of your website<\/h3><p>Automated testing tools like an <a href=\"https:\/\/reciteme.com\/au\/product\/website-accessibility-checker\/\">accessibility checker<\/a> are a fast and efficient way to scan your website for basic issues, including those related to colour. These tools crawl through your site\u2019s code and visual elements to identify instances where colour is used as the only method of conveying meaning or where contrast between text and background doesn\u2019t meet accessibility standards.<\/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-44ee80a\" data-id=\"44ee80a\" 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-b0ac8b0 elementor-widget elementor-widget-image\" data-id=\"b0ac8b0\" 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=\"801\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/11\/4-Expert-icon.png\" class=\"attachment-large size-large wp-image-31313\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/11\/4-Expert-icon.png 800w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/11\/4-Expert-icon-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/11\/4-Expert-icon-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/11\/4-Expert-icon-768x769.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-16851d6 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16851d6\" 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-1e57259\" data-id=\"1e57259\" 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-aadd534 elementor-widget elementor-widget-text-editor\" data-id=\"aadd534\" 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>Manual testing with colour contrast checkers<\/h3><p>Automated tools can&#8217;t catch everything when it comes to user experience. That\u2019s where <a href=\"https:\/\/reciteme.com\/au\/news\/manual-accessibility-testing-guide\/\">manual testing<\/a> comes in. This process involves using your judgement along with dedicated tools like our <a href=\"https:\/\/reciteme.com\/au\/product\/colour-contrast-checker\/\">free Colour Contrast Checker<\/a>, to assess how your colour combinations perform in real-world scenarios.<\/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-27fda5e disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27fda5e\" 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-eb6bad6\" data-id=\"eb6bad6\" 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-62f31f5 elementor-widget elementor-widget-image\" data-id=\"62f31f5\" 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\/05\/2-Colour-Contrast-checker-icon.png\" class=\"attachment-large size-large wp-image-34226\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/2-Colour-Contrast-checker-icon.png 882w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/2-Colour-Contrast-checker-icon-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/2-Colour-Contrast-checker-icon-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/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-8963a60\" data-id=\"8963a60\" 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-93ff74f elementor-widget elementor-widget-text-editor\" data-id=\"93ff74f\" 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>You can conduct manual testing throughout the design and development process by examining mockups, prototypes, or live pages to verify contrast, clarity, and usability.<\/p><p>A common manual check involves reviewing contrast ratios between foreground and background elements, especially for text, icons, and key UI components like buttons or input fields. These ratios help determine whether there&#8217;s enough visual difference for users with different forms of vision, including 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-308a6a3 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"308a6a3\" 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-b7bcc47\" data-id=\"b7bcc47\" 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-7714ebe elementor-widget elementor-widget-text-editor\" data-id=\"7714ebe\" 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>User testing with people who have colour-blindness<\/h3><p>One of the most insightful forms of <a href=\"https:\/\/reciteme.com\/au\/news\/accessibility-testing-guide\/\">accessibility testing<\/a> is user testing with people who actually experience colour-blindness. Real users can reveal usability problems that tools and simulated tests can\u2019t catch. They bring personal context, lived experience, and real-world expectations to the table.<\/p><p>In a typical session, you might ask a colour-blind participant to complete tasks such as filling out a form, interpreting a chart, or navigating through your site. You\u2019d observe where confusion arises, for example, they miss a key action because it was only highlighted in red, or struggle to understand a chart where lines are too similar in colour.<\/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-c140740\" data-id=\"c140740\" 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-5b4889d elementor-widget elementor-widget-image\" data-id=\"5b4889d\" 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\/2024\/06\/IDPD-Header.png\" class=\"attachment-large size-large wp-image-28527\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/IDPD-Header.png 600w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/IDPD-Header-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/06\/IDPD-Header-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-90bb737 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"90bb737\" 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-d8ddd27\" data-id=\"d8ddd27\" 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-95a2c1b elementor-widget elementor-widget-text-editor\" data-id=\"95a2c1b\" 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>This kind of testing not only uncovers <a href=\"https:\/\/reciteme.com\/au\/news\/barriers-to-accessibility\/\">accessibility barriers<\/a> but also provides qualitative feedback on how your design feels to someone with colour-blindness. Even a small number of test users can expose major usability flaws, making this an invaluable step.<\/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-27ac48e disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27ac48e\" 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-9d7fcef\" data-id=\"9d7fcef\" 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-221ea33 elementor-widget elementor-widget-heading\" data-id=\"221ea33\" 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-6b08fda elementor-widget elementor-widget-text-editor\" data-id=\"6b08fda\" 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-5d60902 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"5d60902\" 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-f5e1698\" data-id=\"f5e1698\" 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-11f9417 elementor-widget elementor-widget-image\" data-id=\"11f9417\" 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-1.png\" class=\"attachment-large size-large wp-image-34287\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1-1.png 964w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1-1-300x271.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1-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-e5d0ae1 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e5d0ae1\" 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-1924060\" data-id=\"1924060\" 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-ac7d30a elementor-widget elementor-widget-text-editor\" data-id=\"ac7d30a\" 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>Implementing accessibility fixes to ensure compliance with regional accessibility legislation<\/h2><p>Incorporating accessible design practices, especially around colour use, is not just a matter of user experience. It\u2019s also increasingly a matter of legal responsibility. Many countries and regions have brought in <a href=\"https:\/\/reciteme.com\/au\/news\/understanding-website-accessibility-laws-in-australia\/\">accessibility legislation<\/a> that requires digital content to be usable by people with disabilities, including those with colour vision deficiencies.<\/p><p>A key step toward compliance is ensuring your website meets WCAG 2.1 Level AA standards, which are widely recognised as the benchmark for digital accessibility. These guidelines ensure that all interface elements are perceivable and operable by users with various types of impairments.<\/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-ded88a5 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ded88a5\" 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-33496f6\" data-id=\"33496f6\" 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-f45ca63 elementor-widget elementor-widget-image\" data-id=\"f45ca63\" 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=\"693\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Why-is-WCAG-the-International-Standard_.png\" class=\"attachment-large size-large wp-image-34468\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Why-is-WCAG-the-International-Standard_.png 969w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Why-is-WCAG-the-International-Standard_-300x260.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Why-is-WCAG-the-International-Standard_-768x665.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-078e698\" data-id=\"078e698\" 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-573a9b4 elementor-widget elementor-widget-text-editor\" data-id=\"573a9b4\" 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>Meeting these standards isn\u2019t just <a href=\"https:\/\/reciteme.com\/au\/news\/website-accessibility-best-practices\/\">best practice<\/a>, it\u2019s often mandatory. For example:<\/p><ul><li>In the United Kingdom, the <a href=\"https:\/\/reciteme.com\/news\/understanding-public-sector-digital-accessibility\/\">Public Sector Bodies Accessibility Regulations<\/a> align with WCAG guidelines and apply to all public sector websites and apps.<\/li><li>The <a href=\"https:\/\/reciteme.com\/news\/european-accessibility-act\/\">European Accessibility Act (EAA)<\/a> enforces obligations across the EU to all organisations (public or private) providing goods or services.<\/li><li>In the United States, the <a href=\"https:\/\/reciteme.com\/us\/news\/ada-web-accessibility-law\/\">Americans with Disabilities Act (ADA)<\/a> has been interpreted to apply to websites, particularly those of public-facing businesses and organisations.<\/li><li>In Canada, the <a href=\"https:\/\/reciteme.com\/us\/news\/aoda-compliance\/\">Accessibility for Ontarians with Disabilities Act (AODA)<\/a> requires organisations to make web content accessible, with WCAG 2.1 Level AA as the official standard.<\/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-ddbbbdf disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ddbbbdf\" 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-da834ae\" data-id=\"da834ae\" 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-a340254 elementor-widget elementor-widget-text-editor\" data-id=\"a340254\" 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>Improving colour accessibility makes your website more usable and helps you stay legally compliant. Regular testing and accessible design show your commitment to inclusion and ensure your site works for everyone.<\/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-6ccea51 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ccea51\" 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-d19f15f\" data-id=\"d19f15f\" 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-45d885f elementor-widget elementor-widget-text-editor\" data-id=\"45d885f\" 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>Conclusion: Use inclusive colours when designing web content<\/h2><p>Designing with colour-blind users in mind is a simple yet powerful step toward a more inclusive web. With millions affected by colour vision deficiency, relying on colour alone to communicate information can create unnecessary barriers.<\/p><p>By using clear labels, strong contrast, and alternative visual cues, you make your site easier to navigate for everyone, not just those with colour-blindness. Testing your site and following WCAG guidelines helps ensure both accessibility and compliance. In the end, inclusive design leads to better experiences for all users.<\/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-c65ead8 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c65ead8\" 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-100 elementor-top-column elementor-element elementor-element-b114806\" data-id=\"b114806\" 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-66299a2 elementor-widget elementor-widget-text-editor\" data-id=\"66299a2\" 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>Colour Blind accessibility FAQs<\/h2><p>Looking for a recap or quick summary? Here are a few of our most frequently asked questions to help you get to grips with the essentials:<\/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-727a214 elementor-widget elementor-widget-accordion\" data-id=\"727a214\" data-element_type=\"widget\" data-widget_type=\"accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1201\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-1201\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">What is colour blindness and why does it matter for accessibility?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-1201\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-1201\"><p>Colour blindness affects how people see certain colours. If designs rely only on colour to share information, some users may miss it completely.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1202\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-1202\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">How common is colour blindness?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-1202\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-1202\"><p>Around 1 in 12 men and 1 in 200 women have some form of colour blindness. That\u2019s millions of users who need accessible design.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1203\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-1203\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">What makes a design hard to use for colour-blind users?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-1203\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-1203\"><p>Poor contrast and using colour alone to show meaning (like red for errors or green for success) can confuse or exclude people with colour vision issues.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1204\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-1204\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">How can I make content colour-blind accessible?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-1204\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-1204\"><p>Use strong contrast, add labels or icons, and don\u2019t rely on colour alone. Additionally, tools and simulators can help test how your design looks to colour-blind users.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1205\" class=\"elementor-tab-title\" data-tab=\"5\" role=\"button\" aria-controls=\"elementor-tab-content-1205\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Is colour accessibility legally required?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-1205\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"region\" aria-labelledby=\"elementor-tab-title-1205\"><p>This depends on your location. For examples, the European Accessibility Act requires digital content be accessible to people with disability, including those with colour vision deficiencies. In the US, the Americans with Disabilities Act sets a similar standard.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-1206\" class=\"elementor-tab-title\" data-tab=\"6\" role=\"button\" aria-controls=\"elementor-tab-content-1206\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">What are the accessibility guidelines for colour blindness?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-1206\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"6\" role=\"region\" aria-labelledby=\"elementor-tab-title-1206\"><p>The Web Content Accessibility Guidelines (WCAG) provide the leading standards for creating colour-blind-friendly content. They require sufficient contrast between text and background, at least a 4.5:1 ratio for normal text, and recommend using additional visual cues like labels, icons, or patterns to ensure information is clear for users who may not perceive certain colours.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\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-000427a disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"000427a\" 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-100 elementor-top-column elementor-element elementor-element-bcde9c5\" data-id=\"bcde9c5\" 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-d3097bd elementor-widget elementor-widget-text-editor\" data-id=\"d3097bd\" 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>Check out our Products &amp; Services<\/h2><p>Ready to take your first steps towards digital accessibility compliance? Then see how we can support your journey with our accessibility solutions:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e9a4f82 elementor-section-content-space-between elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e9a4f82\" 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-33 elementor-inner-column elementor-element elementor-element-fb2ba2d\" data-id=\"fb2ba2d\" 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-1fd81e2 elementor-widget elementor-widget-image\" data-id=\"1fd81e2\" 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=\"450\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-1024x576.jpg\" class=\"attachment-large size-large wp-image-35994\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-1024x576.jpg 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-300x169.jpg 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-768x432.jpg 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-1536x864.jpg 1536w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail.jpg 1920w\" 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<div class=\"elementor-element elementor-element-b8338c6 elementor-widget elementor-widget-text-editor\" data-id=\"b8338c6\" 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><b>Web Accessibility Checker<\/b><\/p><p>Scan, detect, fix, and maintain accessibility compliance standards on your website.<\/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-1e78831 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"1e78831\" 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\/product\/website-accessibility-checker\/\">\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\">View Checker<\/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-inner-column elementor-element elementor-element-28400b7\" data-id=\"28400b7\" 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-b242998 elementor-widget elementor-widget-image\" data-id=\"b242998\" 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=\"450\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-1024x576.jpg\" class=\"attachment-large size-large wp-image-35995\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-1024x576.jpg 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-300x169.jpg 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-768x432.jpg 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-1536x864.jpg 1536w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail.jpg 1920w\" 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<div class=\"elementor-element elementor-element-5779159 elementor-widget elementor-widget-text-editor\" data-id=\"5779159\" 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><b>Assistive Toolbar<br \/><\/b><\/p><p>Make your website an inclusive and customisable experience for people with disabilities.<\/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-ac061e1 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"ac061e1\" 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\/product\/assistive-toolbar\/\">\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\">View Toolbar<\/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-inner-column elementor-element elementor-element-91572f8\" data-id=\"91572f8\" 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-cd61505 elementor-widget elementor-widget-image\" data-id=\"cd61505\" 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=\"450\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-1024x576.jpg\" class=\"attachment-large size-large wp-image-35996\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-1024x576.jpg 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-300x169.jpg 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-768x432.jpg 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-1536x864.jpg 1536w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail.jpg 1920w\" 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<div class=\"elementor-element elementor-element-00bc9d7 elementor-widget elementor-widget-text-editor\" data-id=\"00bc9d7\" 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><b>PDF Accessibility Checker<br \/><\/b><\/p><p>Check your PDFs are compliant with accessibility standards and run automated fixes.<\/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-f98d0a7 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"f98d0a7\" 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\/product\/pdf-accessibility-checker\/\">\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\">View Checker<\/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\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>Make your website inclusive for colour-blind users with practical tips on design, colour use, and accessibility best practices.<\/p>\n","protected":false},"author":9,"featured_media":34462,"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,96],"type_tag":[124],"flag":[],"class_list":["post-34461","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","departments-tech","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-Blind Accessibility: Design Colour Accessible Websites<\/title>\n<meta name=\"description\" content=\"Make your website inclusive for colour-blind users with practical tips on design, colour use, and accessibility best practices.\" \/>\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-Blind Accessibility: Design Colour Accessible Websites\" \/>\n<meta property=\"og:description\" content=\"Make your website inclusive for colour-blind users with practical tips on design, colour use, and accessibility best practices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"Recite Me\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-17T07:37:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T10:58:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-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\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/\"},\"author\":{\"name\":\"Michael Halpin\",\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\"},\"headline\":\"Colour-Blind Accessibility: How to Make Your Website Inclusive To People Who Can\u2019t See Colour\",\"datePublished\":\"2025-06-17T07:37:16+00:00\",\"dateModified\":\"2026-01-28T10:58:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/\"},\"wordCount\":2468,\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/au\/#organization\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-Thumbnail-copy.jpg\",\"keywords\":[\"General Accessibility\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/\",\"url\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/\",\"name\":\"Colour-Blind Accessibility: Design Colour Accessible Websites\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/au\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-Thumbnail-copy.jpg\",\"datePublished\":\"2025-06-17T07:37:16+00:00\",\"dateModified\":\"2026-01-28T10:58:27+00:00\",\"description\":\"Make your website inclusive for colour-blind users with practical tips on design, colour use, and accessibility best practices.\",\"breadcrumb\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#primaryimage\",\"url\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-Thumbnail-copy.jpg\",\"contentUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-Thumbnail-copy.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Colour-Blind Accessibility How to Make Your Website Inclusive To People Who Can\u2019t See Colour\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/reciteme.com\/au\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Colour-Blind Accessibility: How to Make Your Website Inclusive To People Who Can\u2019t See Colour\"}]},{\"@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-Blind Accessibility: Design Colour Accessible Websites","description":"Make your website inclusive for colour-blind users with practical tips on design, colour use, and accessibility best practices.","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-Blind Accessibility: Design Colour Accessible Websites","og_description":"Make your website inclusive for colour-blind users with practical tips on design, colour use, and accessibility best practices.","og_url":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/","og_site_name":"Recite Me","article_published_time":"2025-06-17T07:37:16+00:00","article_modified_time":"2026-01-28T10:58:27+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-Thumbnail-copy.jpg","type":"image\/jpeg"}],"author":"Michael Halpin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Michael Halpin","Estimated reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#article","isPartOf":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/"},"author":{"name":"Michael Halpin","@id":"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8"},"headline":"Colour-Blind Accessibility: How to Make Your Website Inclusive To People Who Can\u2019t See Colour","datePublished":"2025-06-17T07:37:16+00:00","dateModified":"2026-01-28T10:58:27+00:00","mainEntityOfPage":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/"},"wordCount":2468,"publisher":{"@id":"https:\/\/reciteme.com\/au\/#organization"},"image":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-Thumbnail-copy.jpg","keywords":["General Accessibility"],"articleSection":["News"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/","url":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/","name":"Colour-Blind Accessibility: Design Colour Accessible Websites","isPartOf":{"@id":"https:\/\/reciteme.com\/au\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#primaryimage"},"image":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-Thumbnail-copy.jpg","datePublished":"2025-06-17T07:37:16+00:00","dateModified":"2026-01-28T10:58:27+00:00","description":"Make your website inclusive for colour-blind users with practical tips on design, colour use, and accessibility best practices.","breadcrumb":{"@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#primaryimage","url":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-Thumbnail-copy.jpg","contentUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Colour-Blind-Accessibility-How-to-Make-Your-Website-Inclusive-To-People-Who-Cant-See-Colour-Thumbnail-copy.jpg","width":1920,"height":1080,"caption":"Colour-Blind Accessibility How to Make Your Website Inclusive To People Who Can\u2019t See Colour"},{"@type":"BreadcrumbList","@id":"https:\/\/reciteme.com\/au\/news\/colour-blind-accessibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reciteme.com\/au\/"},{"@type":"ListItem","position":2,"name":"Colour-Blind Accessibility: How to Make Your Website Inclusive To People Who Can\u2019t See Colour"}]},{"@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\/34461","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=34461"}],"version-history":[{"count":14,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts\/34461\/revisions"}],"predecessor-version":[{"id":36458,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts\/34461\/revisions\/36458"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/media\/34462"}],"wp:attachment":[{"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/media?parent=34461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/categories?post=34461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/tags?post=34461"},{"taxonomy":"departments","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/departments?post=34461"},{"taxonomy":"type_tag","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/type_tag?post=34461"},{"taxonomy":"flag","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/flag?post=34461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}