{"id":53,"date":"2020-11-05T21:53:58","date_gmt":"2020-11-05T21:53:58","guid":{"rendered":"http:\/\/sites.msudenver.edu\/accessible-design\/?page_id=53"},"modified":"2020-11-18T03:56:58","modified_gmt":"2020-11-18T03:56:58","slug":"missing-topic","status":"publish","type":"page","link":"https:\/\/sites.msudenver.edu\/accessible-design\/contrast-scale\/missing-topic\/","title":{"rendered":"WCAG 2.1 Guidelines"},"content":{"rendered":"<p><span style=\"font-family: verdana, geneva, sans-serif\"><span style=\"font-size: 18.6667px\">The WCAG Guidelines are the pre-eminent rulebook for accessibility design, especially when it comes to web and digitally-based media in the United States, which is currently ranked at AA (Double-A) status.<\/span><\/span><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">The WCAG is composed and continuously updated by a panel of high-level designers, programmers, ADA officials, and more, making it the top legal authority on the matter within the United States.<\/span><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Canada and Europe have similar standards of AAA (Triple-A) status.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-193\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/ContrastIMG1-min-300x174.jpg\" alt=\"The image here denotes examples of color contrast, visibility (high and low), and color vibration. This image was included to show examples of how reading becomes easier with proper or enhanced contrast, and more difficult when improperly applied.\" width=\"300\" height=\"174\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/ContrastIMG1-min-300x174.jpg 300w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/ContrastIMG1-min-768x446.jpg 768w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/ContrastIMG1-min.jpg 1017w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><strong><span style=\"font-family: verdana, geneva, sans-serif;font-size: 18pt\">Accessibility Contrast<\/span><\/strong><\/p>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">In the WCAG 2.1 Standard, the minimum contrast requirement for text and images <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">of text is 4.5:1. <\/span><\/p>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Accessible contrast levels are determined <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">by contrast ratios, which will be detailed <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">in the next chapter.<\/span><\/p>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">The accessibility contrast standard was implemented for the benefit of individuals <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">with impaired eyesight, color blindness, and other visual processing disorders that affect the perception of color in relation to digital content.<\/span><\/p>\n<p><strong><span style=\"font-family: verdana, geneva, sans-serif;font-size: 18pt\">Contrast Exceptions<\/span><\/strong><\/p>\n<p class=\"p1\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">The only exceptions to the 4.5:1 Contrast Guideline include the following:<\/span><\/p>\n<ol>\n<li class=\"p2\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Large Text: <b>3:1 ratio required<\/b><\/span><\/li>\n<li class=\"p2\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Incidentals: Text\/Images of <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Text that are part of an inactive user <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">interface component, purely decorative, <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">that are not visible, or are part of a picture <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">that contains significant visual content have <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\"><b>no contrast requirement.<\/b><\/span><\/li>\n<li class=\"p2\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Logotypes: Text that is part of <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">a logo or brand name has <\/span><br \/>\n<span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\"><b>no minimum contrast requirement.<\/b><\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">The following link will direct to the WCAG Contrast webpage:<\/span><\/p>\n<p><a href=\"https:\/\/www.w3.org\/TR\/2018\/REC-WCAG21-20180605\/#contrast-minimum\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Understanding WCAG 2.1<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The WCAG Guidelines are the pre-eminent rulebook for accessibility design, especially when it comes to web and digitally-based media in the United States, which is currently ranked at AA (Double-A) status. The WCAG is composed and continuously updated by a panel of high-level designers, programmers, [&hellip;]<\/p>\n","protected":false},"author":860,"featured_media":0,"parent":16,"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-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/53","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=53"}],"version-history":[{"count":0,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/16"}],"wp:attachment":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}