{"id":587,"date":"2019-02-12T15:29:51","date_gmt":"2019-02-12T15:29:51","guid":{"rendered":"https:\/\/beta.devon.gov.uk\/standards\/?page_id=539"},"modified":"2019-02-14T15:01:12","modified_gmt":"2019-02-14T15:01:12","slug":"colour-and-contrast","status":"publish","type":"page","link":"https:\/\/www.devon.gov.uk\/standards\/accessibility\/colour-and-contrast\/","title":{"rendered":"Colour and contrast"},"content":{"rendered":"<p>When creating designs or assets for a DCC website you should ensure that:<\/p>\n<ul>\n<li>colour contrast between foreground copy and background colours\/textures\/images must adhere to the standards <a href=\"http:\/\/www.w3.org\/TR\/UNDERSTANDING-WCAG20\/visual-audio-contrast-contrast.html\" data-wpel-link=\"external\" rel=\"noopener\">recommended by the W3C.<\/a><\/li>\n<li>any text that overlaps images has sufficient contrast or has a background colour applied to it to ensure it is readable.<\/li>\n<li>all page designs for different types of colour blindness<\/li>\n<\/ul>\n<p>To test colour and contrast try tools like:<\/p>\n<ul>\n<li><a href=\"http:\/\/webaim.org\/resources\/contrastchecker\/\" rel=\"noopener\">webaim contrast checker<\/a> or the webaim WAVE tool available for <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/wave-evaluation-tool\/jbbplnpkjmmeebjpijfedlgcdilocofh\" rel=\"noopener\">Chrome<\/a> or <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/wave-accessibility-tool\/\" rel=\"noopener\">Firefox<\/a><\/li>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/color-contrast-analyzer\/dagdlcijhfbmgkjokkjicnnfimlebcll?hl=en\" rel=\"noopener\">Chrome Contrast Analyzer extension<\/a> to ensure any text that overlaps images has sufficient contrast or has a background colour applied to it to ensure it is readable.<\/li>\n<li>test all page designs for different types of colour blindness. Try the <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/funkify-%E2%80%93-disability-simu\/ojcijjdchelkddboickefhnbdpeajdjg\" rel=\"noopener\">Funkify disability simulator<\/a> to help with this<\/li>\n<\/ul>\n<p>See <a href=\"https:\/\/www.devon.gov.uk\/standards\/digital-design\/colours\/\">DCC\u2019s colour palette<\/a> for guidance on colour combinations withing the DCC brand guidelines.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When creating designs or assets for a DCC website you should ensure that: colour contrast between foreground copy and background colours\/textures\/images must adhere to the standards recommended by the W3C. any text that overlaps images has sufficient contrast or has a background colour applied to it to ensure it is readable. all page designs for [&hellip;]<\/p>\n","protected":false},"author":945,"featured_media":0,"parent":602,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-587","page","type-page","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-05-06 21:25:20","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages\/587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/users\/945"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/comments?post=587"}],"version-history":[{"count":1,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages\/587\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages\/587\/revisions\/595"}],"up":[{"embeddable":true,"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/pages\/602"}],"wp:attachment":[{"href":"https:\/\/www.devon.gov.uk\/standards\/wp-json\/wp\/v2\/media?parent=587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}