{"id":3797,"date":"2026-01-22T11:17:56","date_gmt":"2026-01-22T19:17:56","guid":{"rendered":"https:\/\/wsu.edu\/digital-accessibility\/?page_id=3797"},"modified":"2026-01-23T09:28:12","modified_gmt":"2026-01-23T17:28:12","slug":"color-and-accessibility","status":"publish","type":"page","link":"https:\/\/wsu.edu\/digital-accessibility\/core-concepts\/color-color-contrast\/color-and-accessibility\/","title":{"rendered":"Color and Accessibility"},"content":{"rendered":"<div class=\"wsu-row wsu-row--single\" >\r\n    \n<div class=\"wsu-column\"  style=\"\">\r\n\t\n\n<p>This web page is intentionally created with accessibility errors to demonstrate the functionality of automatic accessibility checkers for web pages. <a href=\"https:\/\/wave.webaim.org\/report#\/https:\/\/wsu.edu\/digital-accessibility\/core-concepts\/color-color-contrast\/color-and-accessibility\/\">View this webpage in an accessibility checker (WAVE)<\/a> to help identify accessibility issues in other forms of digital content. <\/p>\n\n\n\n<p><strong>Error Types<\/strong>: Errors <strong>must<\/strong> be fixed. Alerts <strong>should<\/strong> be fixed. These fixes, both errors and alerts, improve the accessibility and usability of the content. <\/p>\n\n\n\n<p><strong>Best Practice<\/strong>: Pair color with another visual cue. Use color contrast checkers to ensure colors have the appropriate contrast ratio. <\/p>\n\n<\/div>\r\n\n<\/div>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<section  class=\"wsu-section  wsu-color-background--white\"  >\r\n        \n\n<h2>Color as Meaning<\/h2>\n\n\n\n<p>Color is not used alone to convey information. <\/p>\n\n\n\n<p><strong><em>Example<\/em><\/strong>: See the gray link for more information. <\/p>\n\n\n<div class=\"wsu-cta \" >\n\t<a \t\t\t\n\t\tclass=\"wsu-button  wsu-button--style-action\">\n\t\t\t\n\t\tThis is the link you want\t\t\t<\/a>\n<\/div>\n\n\n<div class=\"wsu-cta \" >\n\t<a \t\t\t\n\t\tclass=\"wsu-button  dark-gray wsu-button--style-action\">\n\t\t\t\n\t\tThis is the link you want\t\t\t<\/a>\n<\/div>\n\n\n\n<p><strong>Error Type<\/strong>: Error<\/p>\n\n\n\n<p><strong>Best Practice<\/strong>: Do not use color as an indication. Use text and other visuals. <\/p>\n\n    <\/section>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<section  class=\"wsu-section  wsu-color-background--white\"  >\r\n        \n\n<h2>Color as Emphasis<\/h2>\n\n\n\n<p>Color used to convey meaning, alert a user, or show emphasis is paired with another visual cue (e.g., text, symbol, bold, etc.).<\/p>\n\n\n\n<p><strong><em>Example<\/em><\/strong>: See the red text for the important announcement.<\/p>\n\n\n\n<p class=\"dark-crimson\">Don&#8217;t use color alone as an indication.<\/p>\n\n\n\n<p><strong>Error Type<\/strong>: Error<\/p>\n\n\n\n<p><strong>Best Practice<\/strong>: Do not use color alone as emphasis. Use text and other visuals. <\/p>\n\n    <\/section>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<section  class=\"wsu-section  wsu-color-background--white\"  >\r\n        \n\n<h2>Color Contrast<\/h2>\n\n\n\n<p>There is sufficient color contrast between the foreground text, the linked text, and the background colors.<\/p>\n\n\n\n<p>Color Contrast: Text has appropriate color contrast with the background and meets contrast ratio requirements (WCAG 2, AA).<\/p>\n\n\n\n<ul><li>For <strong>normal-sized text<\/strong> (e.g., 12pt or 16px) and text-based images, the ratio is <strong>4.5:1<\/strong>.<\/li><li>For <strong>large text<\/strong> (over 18pt\/24px or bold and 14pt\/19px), the ratio is at least <strong>3:1<\/strong>.<\/li><\/ul>\n\n\n\n<p><strong><em>Example<\/em><\/strong>: See color contrast examples with the full text without color adjustments afterwards. <\/p>\n\n\n\n<h3>Normal-sized Text<\/h3>\n\n\n\n<p class=\"light-gray\">The light gray color lacks sufficient contrast against a white background for the font size (18px). It has a color contrast ratio of 1.6:1.<\/p>\n\n\n<div class=\"wsu-accordion\">\r\n    <h4 id=\"unique-id-1__title\" class=\"wsu-accordion__title\">\r\n        <button class=\"wsu-accordion__title-button wsu-accordion--toggle\" aria-expanded=\"false\" aria-controls=\"unique-id-1__content\">The text without color adjustments<\/button>\r\n    <\/h4>\r\n    <div id=\"unique-id-1__content\" class=\"wsu-accordion__content\" aria-labelledby=\"unique-id-1__title\">\r\n        <div class=\"wsu-accordion__content-inner\">\r\n            \n\n<p>The light gray color lacks sufficient contrast against a white background for the font size (18px). It has a color contrast ratio of 1.6:1.<\/p>\n\n        <\/div>\r\n    <\/div>\r\n<\/div>\n\n\n<h3>Larger Text<\/h3>\n\n\n\n<p class=\"bright-crimson\">This bright crimson color lacks sufficient contrast against a white background for the font size (18px). It has a color contrast ratio of 3.9:1.<\/p>\n\n\n\n<p class=\"bright-crimson wsu-font-size--large\">However, at a larger font (18pt or 24px), the color contrast is sufficient. <\/p>\n\n\n\n<p class=\"bright-crimson wsu-font-size--xxmedium\"><strong>Bold text can be 14pt or 19px and meet the color contrast ratio.<\/strong><\/p>\n\n\n<div class=\"wsu-accordion\">\r\n    <h4 id=\"unique-id-1__title\" class=\"wsu-accordion__title\">\r\n        <button class=\"wsu-accordion__title-button wsu-accordion--toggle\" aria-expanded=\"false\" aria-controls=\"unique-id-1__content\">The text without color adjustments<\/button>\r\n    <\/h4>\r\n    <div id=\"unique-id-1__content\" class=\"wsu-accordion__content\" aria-labelledby=\"unique-id-1__title\">\r\n        <div class=\"wsu-accordion__content-inner\">\r\n            \n\n<p>This bright crimson color lacks sufficient contrast against a white background for the font size (18px). It has a color contrast ratio of 3.9:1.<\/p>\n\n\n\n<p class=\"wsu-font-size--large\">However, at a larger font (18pt or 24px), the color contrast is sufficient. <\/p>\n\n\n\n<p class=\"wsu-font-size--xxmedium\"><strong>Bold text can be 14pt or 19px and meet the color contrast ratio.<\/strong><\/p>\n\n        <\/div>\r\n    <\/div>\r\n<\/div>\n\n\n<p><strong>Error Type<\/strong>: Error<\/p>\n\n\n\n<p><strong>Best Practice<\/strong>: Ensure everyone can read the message by using appropriate color contrast. <\/p>\n\n    <\/section>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<section  class=\"wsu-section  wsu-color-background--white\"  >\r\n        \n\n<h2>Text Color on Images<\/h2>\n\n\n\n<p>Text placed on images is easily distinguishable and readable visually and by <a href=\"https:\/\/wsu.edu\/digital-accessibility\/get-started\/glossary\/assistive-technology\/\">assistive technology<\/a>.<\/p>\n\n\n\n<p><strong><em>Example<\/em><\/strong>: <\/p>\n\n\n<div class=\"wsu-row wsu-row--halves\" >\r\n    \n<div class=\"wsu-column\"  style=\"\">\r\n\t\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2986\/2026\/01\/color-contrast-text-on-image.jpg\" alt=\"White text over an image of a yellow canola field stating Text over an image must meet color contrast.\" class=\"wp-image-3803\" srcset=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2986\/2026\/01\/color-contrast-text-on-image.jpg 600w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2986\/2026\/01\/color-contrast-text-on-image-396x264.jpg 396w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2986\/2026\/01\/color-contrast-text-on-image-198x132.jpg 198w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>The text color over the image does not meet the required color contrast ratio. <\/figcaption><\/figure>\n\n<\/div>\r\n\n\n<div class=\"wsu-column\"  style=\"\">\r\n\t\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2986\/2026\/01\/color-contrast-text-on-image-with-color-contrast.jpg\" alt=\"White text on a gray background over an image of a yellow canola field stating Text over an image must meet color contrast.\" class=\"wp-image-3804\" srcset=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2986\/2026\/01\/color-contrast-text-on-image-with-color-contrast.jpg 600w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2986\/2026\/01\/color-contrast-text-on-image-with-color-contrast-396x264.jpg 396w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2986\/2026\/01\/color-contrast-text-on-image-with-color-contrast-198x132.jpg 198w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>With the gray background, the text color over the image and background meets the required color contrast ratio. <\/figcaption><\/figure>\n\n<\/div>\r\n\n<\/div>\n\n\n<p><strong>Error Type<\/strong>: Error<\/p>\n\n\n\n<p><span style=\"box-sizing: border-box; margin: 0px; padding: 0px;\"><strong>Best Practice<\/strong>: Because of the varying colors in an image, it is best to include a background color between the text and image.<\/span> <em>However<\/em>, the text embedded in an image presents other accessibility issues, including the need to include it in the alt text. <\/p>\n\n    <\/section>\n\n<section  class=\"wsu-section wsu-width--full wsu-color-background--gray-5 wsu-spacing-after--large\"  >\r\n    <div class=\"wsu-section__inner wsu-width--content\">    \n<div class=\"wsu-container  wsu-position--relative\" >\r\n    \n<div class=\"wsu-decorator  wsu-decorator--style-block-gray\" style=\"bottom:-15px;left:-15px;height:60%;width:60%\"><\/div>\n\n<div class=\"wsu-callout wsu-callout--color-crimson wsu-spacing-padding-left--xxmedium wsu-spacing-padding-right--xxmedium wsu-color-background--white wsu-notch--small wsu-position--relative\" >\r\n        \n\n<h2 id=\"accessibility-checks\">Accessibility Checks&nbsp;<\/h2>\n\n\n\n<p>Use this checklist as a guide to ensure your colors and color contrast are in an accessible format.<\/p>\n\n\n\n<ul class=\"wsu-list--checkmark\"><li>Color is not used alone to convey information. <strong><em>[manual]<\/em><\/strong><\/li><li>Color used to convey meaning, alert a user, or show emphasis is paired with another visual cue (e.g., text, symbol, bold, etc.). <strong><em>[manual]<\/em><\/strong><\/li><li>There is sufficient color contrast between the foreground text, the linked text, and the background colors. <strong><em>[automatic and manual]<\/em><\/strong><\/li><li>Text placed on images is easily distinguishable and readable visually and by <a href=\"https:\/\/wsu.edu\/digital-accessibility\/get-started\/glossary\/assistive-technology\/\">assistive technology<\/a>. <strong><em>[automatic (alt text) and manual (color contrast)]<\/em><\/strong><\/li><\/ul>\n\n<\/div>\r\n\n\n\n<p><\/p>\n\n<\/div>\n    <\/div><\/section>\n\n<div class=\"wsu-row wsu-row--single\" >\r\n    \n<div class=\"wsu-column\"  style=\"\">\r\n\t\n\n<h2 class=\"wp-block-heading\">Tools for Web Pages<\/h2>\n\n\n\n<ul><li>Browser add-ons and extensions simulate colorblindness in the browser.: <ul><li>Firefox: <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/colorvision\/\">COLORVISION<\/a> and <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/let-s-get-color-blind\/\">Let&#8217;s get color blind<\/a><\/li><li>Chrome: <a href=\"https:\/\/chromewebstore.google.com\/detail\/lets-get-color-blind\/bkdgdianpkfahpkmphgehigalpighjck\">Let&#8217;s get color blind<\/a> and <a href=\"https:\/\/chromewebstore.google.com\/detail\/colorblindly\/floniaahmccleoclneebhhmnjgdfijgg?hl=en\">Colorblindly<\/a><\/li><\/ul><\/li><li><a href=\"https:\/\/wave.webaim.org\/\"><strong>WAVE<\/strong> (website)<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/wave.webaim.org\/extension\/\">browser extensions<\/a>: This is a full-page accessibility automatic check. In the<strong> Contrast<\/strong> pane is a color contrast checker. It will indicate color contrast issues on the page. Selecting a color contrast icon identifies it on the page and updates the foreground and background fields with the colors. There is a Desaturation page link that converts the page to black-and-white. <\/li><li><a href=\"https:\/\/chrispederick.com\/work\/web-developer\/\"><strong>Web Developer<\/strong> (Browser Add-on)<\/a>: This browser extension features a&nbsp;<strong>Miscellaneous<\/strong>&nbsp;tab with&nbsp;a&nbsp;<strong>Display Color Picker<\/strong>&nbsp;option. The tool displays the hex code for the color at the mouse cursor. It is persistent on the page until it is checked off. <\/li><li><a href=\"https:\/\/wsu.edu\/digital-accessibility\/testing-tools\/#color-contrast-checkers\">Color Contrast Checkers<\/a>: A list of color contrast checkers is listed on the Testing Tools page. These resources include tools for checking hex, RGB(A), and HSL color formats.<\/li><\/ul>\n\n\n\n<p>Want to check non-web page-based digital content? See the <a href=\"https:\/\/wsu.edu\/digital-accessibility\/testing-tools\/\">Digital Accessibility Testing\/Scanning Tools<\/a> web page for additional resources. <\/p>\n\n<\/div>\r\n\n<\/div>\n\n<section  class=\"wsu-section wsu-width--full wsu-spacing-after--xxmedium\"  >\r\n    <div class=\"wsu-section__inner wsu-width--content\">    \n\n<h2>Additional Support<\/h2>\n\n\n<div class=\"wsu-row wsu-row--single\" >\r\n    \n<div class=\"wsu-column\"  style=\"\">\r\n\t\n\n<h3>Analyze Color<\/h3>\n\n\n\n<ul id=\"block-9463b372-3fd0-4838-8a03-ca1dd727e78e\"><li>Is color needed to convey the message?<ul><li>What additional visual indicators must be included?<\/li><\/ul><\/li><li>Is there sufficient color contrast between the foreground and background color? <\/li><li>Is text over the image appropriate for the purpose of the image?<\/li><\/ul>\n\n<\/div>\r\n\n<\/div>\n\n<div class=\"wsu-row wsu-row--single\" >\r\n    \n<div class=\"wsu-column\"  style=\"\">\r\n\t\n\n<h3 class=\"wp-block-heading\">Resources<\/h3>\n\n\n<ul class=\"wsu-content-list wsu-list--style-arrow wsu-list--columns-1 \">\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" class=\"wsu-content-list__item-title\">Contrast Checker<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> WebAIM\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Check the foreground and background color using the hexadecimal format. Plus, use the Alpha value for transparency and the Luminance slider for perceived lightness.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tTool\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.datawrapper.de\/blog\/colorblindness-part1\" class=\"wsu-content-list__item-title\">How your colorblind and colorweak readers see your colors<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Datawrapper\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>When visualizing data, you always use colors. But if you don\u2019t know any colorblind people, it\u2019s easy to forget that your charts have readers who can\u2019t tell colors apart as well as you do.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle, Sept-2025\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/goodpractices.design\/articles\/colour-contrast\" class=\"wsu-content-list__item-title\">Intro to colour contrast<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Design Good Practices\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Colour contrast makes a big part of the user experience for all users. Accessibility guidelines however, are not always easy to follow. In this article we will see how to meet the requirements with practical examples.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.barrierbreak.com\/the-impact-of-color-contrast-on-accessibility\/\" class=\"wsu-content-list__item-title\">The Impact of Color Contrast on Accessibility<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> BarrierBreak\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>In this blog, we will explore the impact of color contrast on accessibility and why it is essential for creating an inclusive digital experiences. Before we delve in, let\u2019s understand what color contrast is along with accessibility requirements.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/afixt.com\/top-10-common-accessibility-issues-in-websites\/\" class=\"wsu-content-list__item-title\">Top 10 Common Accessibility Issues in Websites<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> AFixt\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>But despite good intentions, many websites fall short of compliance with the Web Content Accessibility Guidelines (WCAG) and laws like Section 508.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.datawrapper.de\/blog\/colorblindness-part2\" class=\"wsu-content-list__item-title\">What to consider when visualizing data for colorblind readers<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Datawrapper\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>Choosing colors for your visualizations is hard, choosing colorblind-safe colors is harder. This article tries to help by including ideas to design colorblind-safe data visualizations.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle, Sept-2025\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t<li class=\"wsu-content-list__item\">\n\t\t\t<a href=\"https:\/\/www.datawrapper.de\/blog\/colorblindness-part3\" class=\"wsu-content-list__item-title\">What\u2019s it like to be colorblind<\/a>\n\t\t\t<div class=\"wsu-content-list__item-details\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>Source:<\/strong> Datawrapper\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\n<p>This article is about giving you somebody to think about when you use the accessibility checklist.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"wsu-content-list__item-taxonomies\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<strong>Tags:<\/strong>\n\t\t\t\t\t\t\tArticle, Sept-2025\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t<\/ul>\n\n<\/div>\r\n\n<\/div>\n    <\/div><\/section>","protected":false},"excerpt":{"rendered":"<p>A review of 4 types of color accessibility errors and alerts with best practice information, tools for checking, and additional resources about color.<\/p>\n","protected":false},"author":2695,"featured_media":0,"parent":31,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[],"tags":[],"wsuwp_university_category":[],"wsuwp_university_location":[],"wsuwp_university_org":[],"_links":{"self":[{"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages\/3797"}],"collection":[{"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/users\/2695"}],"replies":[{"embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/comments?post=3797"}],"version-history":[{"count":33,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages\/3797\/revisions"}],"predecessor-version":[{"id":3862,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages\/3797\/revisions\/3862"}],"up":[{"embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/pages\/31"}],"wp:attachment":[{"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/media?parent=3797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/categories?post=3797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/tags?post=3797"},{"taxonomy":"wsuwp_university_category","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/wsuwp_university_category?post=3797"},{"taxonomy":"wsuwp_university_location","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/wsuwp_university_location?post=3797"},{"taxonomy":"wsuwp_university_org","embeddable":true,"href":"https:\/\/wsu.edu\/digital-accessibility\/wp-json\/wp\/v2\/wsuwp_university_org?post=3797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}