{"id":3119,"date":"2024-03-21T15:51:12","date_gmt":"2024-03-21T15:51:12","guid":{"rendered":"https:\/\/www.terc.edu\/adultnumeracycenter\/?page_id=3119"},"modified":"2024-03-21T17:08:13","modified_gmt":"2024-03-21T17:08:13","slug":"check-contrast","status":"publish","type":"page","link":"https:\/\/www.terc.edu\/adultnumeracycenter\/choose-accessible-learning-materials\/check-contrast\/","title":{"rendered":"Check Contrast"},"content":{"rendered":"\n<h3 class=\"wp-block-heading is-style-highlight\">Why Is Contrast Important?<\/h3>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Visual contrast allows us to read and view more comfortably because it prevents elements from &#8220;blending in&#8221; with each other. Contrast through color, shading, or both makes elements &#8220;pop&#8221; in a way that makes them easier to distinguish. Contrast can also be used as a visual cue to indicate different sections of a text quickly.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"> When checking for proper contrast, <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">be sure content is easy to understand when printed\/displayed in black and white. Colors that are too similar to each other may be difficult to distinguish if they appear as shades of gray. If colors must appear in shades of gray, adding some texture can make it easier to tell different components apart.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1003\" src=\"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-content\/uploads\/sites\/28\/2024\/03\/gray-chart-1-1024x1003.png\" alt=\"\" class=\"wp-image-3133\" style=\"width:538px;height:auto\" srcset=\"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-content\/uploads\/sites\/28\/2024\/03\/gray-chart-1-1024x1003.png 1024w, https:\/\/www.terc.edu\/adultnumeracycenter\/wp-content\/uploads\/sites\/28\/2024\/03\/gray-chart-1-300x294.png 300w, https:\/\/www.terc.edu\/adultnumeracycenter\/wp-content\/uploads\/sites\/28\/2024\/03\/gray-chart-1-768x752.png 768w, https:\/\/www.terc.edu\/adultnumeracycenter\/wp-content\/uploads\/sites\/28\/2024\/03\/gray-chart-1.png 1345w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">be sure people who are colorblind can distinguish elements from one another. Find great tips at the website <a href=\"https:\/\/accessiblyapp.com\/blog\/color-blind-accessibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Guide to Making Your Website Accessible for Color-Blind Users<\/a>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">be sure elements are dark enough to distinguish from the background color of the paper or the screen. <a href=\"https:\/\/accessible-colors.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Use this free tool to plug in web colors and styles and test their accessibility!<\/a><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-content\/uploads\/sites\/28\/2024\/03\/color-contrast-2-1024x590-1.jpg\" alt=\"\" class=\"wp-image-3128\" style=\"width:668px;height:auto\" srcset=\"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-content\/uploads\/sites\/28\/2024\/03\/color-contrast-2-1024x590-1.jpg 1024w, https:\/\/www.terc.edu\/adultnumeracycenter\/wp-content\/uploads\/sites\/28\/2024\/03\/color-contrast-2-1024x590-1-300x173.jpg 300w, https:\/\/www.terc.edu\/adultnumeracycenter\/wp-content\/uploads\/sites\/28\/2024\/03\/color-contrast-2-1024x590-1-768x443.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Why Is Contrast Important?<\/p>\n<p>Visual contrast allows us to read and view more comfortably because it prevents elements from &#8220;blending in&#8221; with each other. Contrast through color, shading, or both makes elements &#8220;pop&#8221; in a way that makes them easier to distinguish. Contrast can also be used as a visual cue to indicate different sections of a text quickly.<\/p>\n<p> When checking for proper contrast, <\/p>\n<p>be sure content is easy to understand when printed\/displayed in black and white.  <a href=\"https:\/\/www.terc.edu\/adultnumeracycenter\/choose-accessible-learning-materials\/check-contrast\/\">&nbsp;&raquo;&nbsp;Read more<\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"parent":2579,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"1096,420,1491,1134,1866,1729","_relevanssi_noindex_reason":"","footnotes":""},"class_list":["post-3119","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-json\/wp\/v2\/pages\/3119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-json\/wp\/v2\/comments?post=3119"}],"version-history":[{"count":7,"href":"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-json\/wp\/v2\/pages\/3119\/revisions"}],"predecessor-version":[{"id":3135,"href":"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-json\/wp\/v2\/pages\/3119\/revisions\/3135"}],"up":[{"embeddable":true,"href":"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-json\/wp\/v2\/pages\/2579"}],"wp:attachment":[{"href":"https:\/\/www.terc.edu\/adultnumeracycenter\/wp-json\/wp\/v2\/media?parent=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}