{"id":65,"date":"2020-11-05T21:58:44","date_gmt":"2020-11-05T21:58:44","guid":{"rendered":"http:\/\/sites.msudenver.edu\/accessible-design\/?page_id=65"},"modified":"2020-11-17T16:13:25","modified_gmt":"2020-11-17T16:13:25","slug":"https-sites-msudenver-edu-accessible-design-non-text-contrast","status":"publish","type":"page","link":"https:\/\/sites.msudenver.edu\/accessible-design\/https-sites-msudenver-edu-accessible-design-non-text-contrast\/","title":{"rendered":"General Color Use"},"content":{"rendered":"<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">While color is a big aspect of design, we need to be mindful that not all people see color the same way we do. One of the basic rules of accessible color is to avoid relying on color to convey meaning or messages.<\/span><\/p>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\"><b>Example of accesible color indicators<\/b><\/span><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Accessible color use:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-138\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/StickersArtboard-2-300x91.png\" alt=\"Accessible color customization panel with colors that are differentiated with graphic textures\" width=\"300\" height=\"91\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/StickersArtboard-2-300x91.png 300w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/StickersArtboard-2.png 375w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Inaccessible color use:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-137\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/StickersArtboard-3-300x80.png\" alt=\"Example of a customizable color palette with colors that are similar to each other and might be difficult to differentiate them \" width=\"300\" height=\"80\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/StickersArtboard-3-300x80.png 300w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/StickersArtboard-3.png 375w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\"><b>Here are our top tips:<\/b><\/span><\/p>\n<ol>\n<li>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif\"><strong>Use a Reduced Color Palette<\/strong><\/span><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif\">This goes especially when conveying information, like this accessibility guide.<\/span><\/li>\n<li>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif\"><strong>Add Textures<\/strong><\/span><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif\">Offer solutions for color differentiators as not everyone could distinguish between them. Adding simple textures can solve this problem to offer variety.<\/span><\/li>\n<li>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif\"><strong>Add Symbols<\/strong><\/span><\/p>\n<p class=\"p3\"><span style=\"font-family: verdana, geneva, sans-serif\">When using colors to call for actions or mark errors, always add symbols that communicate what is being requested.<\/span><\/p>\n<\/li>\n<li>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif\"><strong>Be Mindful<\/strong><\/span><\/p>\n<p class=\"p3\"><span style=\"font-family: verdana, geneva, sans-serif\">Question the choices you are making and try to think: \u201cWould this be accessible for a person with X disability?\u201d<\/span><\/p>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>While color is a big aspect of design, we need to be mindful that not all people see color the same way we do. One of the basic rules of accessible color is to avoid relying on color to convey meaning or messages. Example of [&hellip;]<\/p>\n","protected":false},"author":860,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/users\/860"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":0,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"wp:attachment":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}