{"id":44,"date":"2020-10-09T02:49:01","date_gmt":"2020-10-09T02:49:01","guid":{"rendered":"https:\/\/in.nau.edu\/virtual-scavenger-hunt\/?page_id=44"},"modified":"2022-08-08T18:59:31","modified_gmt":"2022-08-08T18:59:31","slug":"color-in-web-design","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/color-in-web-design\/","title":{"rendered":"Color in web design"},"content":{"rendered":"<h1>Color in web design<\/h1>\n<h2>What is contrast?<\/h2>\n<p>Contrast is the difference between two or more things.\u00a0 There are seven kinds of color contrast.<\/p>\n<ol>\n<li>Contrast of hue<\/li>\n<li>Light-dark contrast<\/li>\n<li>Cold-warm contrast<\/li>\n<li>Complementary contrast<\/li>\n<li>Simultaneous contrast<\/li>\n<li>Contrast of saturation<\/li>\n<li>Contrast of extension<\/li>\n<\/ol>\n<h2>Contrast levels for accessibility<\/h2>\n<p>The Web Content Accessibility Guidelines (WCAG) 2.1 AA require that the contrast between text and the background behind it maintain certain ratios dependent on text size.<\/p>\n<ul>\n<li><strong>Regular text<\/strong>, including <strong>images of text<\/strong>, must have a ratio of <strong>4.5:1<\/strong><\/li>\n<li><strong>Large text<\/strong> (18 point or bigger, or 14 point or bigger when bolded) and <strong>non-text elements<\/strong> must have a contrast ratio of <strong>3:1<\/strong><\/li>\n<\/ul>\n<p><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/\">Virtual Accessibility Expedition Home Page<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Color in web design What is contrast? Contrast is the difference between two or more things.\u00a0 There are seven kinds of color contrast. Contrast of hue Light-dark contrast Cold-warm contrast Complementary contrast Simultaneous contrast Contrast of saturation Contrast of extension Contrast levels for accessibility The Web Content Accessibility Guidelines (WCAG) 2.1 AA require that the [&hellip;]<\/p>\n","protected":false},"author":99,"featured_media":206,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ring_central_script_selection":"","footnotes":""},"class_list":["post-44","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/users\/99"}],"replies":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":8,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/44\/revisions\/520"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/media\/206"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}