{"id":180,"date":"2026-02-28T17:49:33","date_gmt":"2026-02-28T17:49:33","guid":{"rendered":"https:\/\/pressbooks.hcfl.edu\/hccdigitalaccessibility\/chapter\/__unknown__\/"},"modified":"2026-04-16T20:13:58","modified_gmt":"2026-04-16T20:13:58","slug":"designing-with-color-for-accessibility","status":"publish","type":"chapter","link":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/chapter\/designing-with-color-for-accessibility\/","title":{"raw":"Designing with Color for Accessibility","rendered":"Designing with Color for Accessibility"},"content":{"raw":"<h2>Designing with Color for Accessibility<\/h2>\r\n[caption id=\"attachment_467\" align=\"alignnone\" width=\"300\"]<img class=\"wp-image-467 size-medium\" src=\"http:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/6d5dde94-7985-4b14-a19f-4907402ce448-300x200.png\" alt=\"Examples of good and poor color contrast, including a reminder not to rely on color alone.\" width=\"300\" height=\"200\" \/> Image generated by OpenAI\u2019s DALL\u00b7E.[\/caption]\r\n\r\nColor can make digital content more engaging, but poor color choices can make text difficult or impossible to read for some users. Accessible color design ensures that information remains clear and readable for everyone, including people with low vision or color-vision differences.\r\n\r\nThis tutorial explains how to check color contrast in Canvas and how to choose color combinations that support accessibility.\r\n<div class=\"textbox textbox--learning-objectives\"><header class=\"textbox__header\">\r\n<h3 class=\"textbox__title\">Learning Objectives<\/h3>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nBy the end of this chapter, you should be able to:\r\n<ul>\r\n \t<li>Explain why color contrast is important for accessibility.<\/li>\r\n \t<li>Use the Canvas Accessibility Checker to identify contrast issues.<\/li>\r\n \t<li>Choose color combinations that improve readability.<\/li>\r\n \t<li>Avoid using color alone to communicate meaning.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox textbox--key-terms\"><header class=\"textbox__header\">\r\n<h3 class=\"textbox__title\">Key Terms<\/h3>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<ul>\r\n \t<li><strong>Accessibility Checker:<\/strong> A Canvas tool that identifies accessibility issues such as color contrast problems.<\/li>\r\n \t<li><strong>Color Blindness:<\/strong> A difference in color perception that makes some colors difficult to distinguish.<\/li>\r\n \t<li><strong>Color Contrast:<\/strong> The difference in brightness between text and its background.<\/li>\r\n \t<li><strong>Use of Color:<\/strong> An accessibility principle stating that color should not be the only way to communicate information.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<h3>Why Color Accessibility Matters<\/h3>\r\nhttps:\/\/www.youtube.com\/watch?v=s8uSGsTQv_k\r\n\r\n[h5p id=\"18\"]\r\n\r\nPeople perceive color and contrast in different ways. Some users have low vision, while others experience color blindness that makes certain color combinations difficult to distinguish. If text and background colors do not contrast enough, content can become unreadable.\r\n<div class=\"textbox textbox--tip\"><header class=\"textbox__header\">\r\n<h3 class=\"textbox__title\">Tip<\/h3>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nAccessible color design ensures that content remains readable and that meaning is not communicated by color alone.\r\n\r\n<\/div>\r\n<\/div>\r\n<h3><a href=\"https:\/\/www.youtube.com\/watch?v=28kfWKw8Vxs&amp;t=5s\">Color Contrast<\/a><\/h3>\r\n<h3>Checking Color Contrast in Canvas<\/h3>\r\nThe Canvas Rich Content Editor includes an <strong>Accessibility Checker<\/strong> that helps identify contrast problems.\r\n<ol>\r\n \t<li><strong>Open the content you want to edit.<\/strong> Navigate to the page, assignment, or discussion you want to update and click <strong>Edit<\/strong>.<\/li>\r\n \t<li><strong>Launch the Accessibility Checker.<\/strong> In the Rich Content Editor, select the <strong>Accessibility Checker<\/strong> button located in the bottom-right corner.<\/li>\r\n \t<li><strong>Review the accessibility issues.<\/strong> If Canvas detects accessibility issues, they will appear in a panel on the right side of the editor.<\/li>\r\n<\/ol>\r\n<figure><img src=\"http:\/\/pressbooks.hcfl.edu\/hccdigitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/image1-4.png\" alt=\"Screenshot of the Canvas Accessibility Checker highlighting text that does not meet color contrast requirements.\" width=\"1149\" height=\"529\" \/><figcaption>The Canvas Accessibility Checker identifies text with insufficient color contrast. Screenshot from an ENC1101 course shell by Hillsborough Community College, 2026. Used under fair use for instructional purposes.<\/figcaption><\/figure>\r\n<ol start=\"4\">\r\n \t<li><strong>Choose a more accessible color.<\/strong> If low contrast text is detected, use the color selector provided by the Accessibility Checker to choose a darker or more contrasting color. When the color meets accessibility requirements, the <strong>Apply<\/strong> button will become active.<\/li>\r\n \t<li><strong>Apply the fix.<\/strong> Click <strong>Apply<\/strong> to update the color.<\/li>\r\n \t<li><strong>Save your changes.<\/strong> When you finish reviewing all issues, click <strong>Save<\/strong> at the bottom of the editor.<\/li>\r\n<\/ol>\r\n<h3>Color Contrast<\/h3>\r\nColor contrast refers to the difference in brightness between text and its background. Strong contrast improves readability and helps users distinguish content more easily.\r\n\r\nLearn more about contrast requirements in the <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum.html\">WCAG explanation of minimum contrast requirements<\/a>.\r\n<div class=\"textbox textbox--accessibility\"><header class=\"textbox__header\">\r\n<h3 class=\"textbox__title\">Accessibility Check<\/h3>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<ul>\r\n \t<li>Ensure colored text remains readable on different screens.<\/li>\r\n \t<li>Check that text has enough contrast with its background.<\/li>\r\n \t<li>Do not rely on color alone to communicate meaning.<\/li>\r\n \t<li>Use links, labels, icons, or underlines to reinforce meaning.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<h3>Color Blindness and Design<\/h3>\r\nColor blindness affects how some people perceive certain colors. For example, red and green may appear very similar to users with red-green color blindness.\r\n\r\nBecause of this, color should never be the only way information is communicated.\r\n\r\nFor example:\r\n<ul>\r\n \t<li>A correct answer should not be shown only in green.<\/li>\r\n \t<li>An incorrect answer should not be shown only in red.<\/li>\r\n \t<li>Links should be underlined rather than distinguished only by color.<\/li>\r\n<\/ul>\r\nHelpful resources include the <a href=\"https:\/\/nei.nih.gov\/health\/color_blindness\/facts_about\">National Eye Institute guide to color blindness<\/a> and <a href=\"https:\/\/webaim.org\/articles\/visual\/colorblind\">WebAIM guidance on designing for color-blind users<\/a>.\r\n<h3>What Is Accessible Use of Color?<\/h3>\r\nAccessible color design ensures that:\r\n<ul>\r\n \t<li>Text contrasts clearly with its background.<\/li>\r\n \t<li>Color is not the only way meaning is communicated.<\/li>\r\n \t<li>Important information is also conveyed through labels, icons, or text.<\/li>\r\n<\/ul>\r\nTo better understand color perception differences, you may explore a <a href=\"https:\/\/colormax.org\/color-blind-test\/\">color blindness test and simulation<\/a>.\r\n<div class=\"textbox textbox--warning\"><header class=\"textbox__header\">\r\n<h3 class=\"textbox__title\">Important Note<\/h3>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nEven when a color combination looks acceptable to you, it may still be difficult for some users to read. Always use an accessibility checker and avoid depending only on visual judgment.\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox textbox--summary\"><header class=\"textbox__header\">\r\n<h3 class=\"textbox__title\">Chapter Summary<\/h3>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nAccessible color choices improve readability and help ensure that Canvas content works for users with low vision or color-vision differences. The Canvas Accessibility Checker can help instructors identify and fix contrast issues, but good design decisions are still essential. Color should support meaning, not carry it alone.\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox textbox--key-takeaways\"><header class=\"textbox__header\">\r\n<h3 class=\"textbox__title\">Key Takeaways<\/h3>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<ul>\r\n \t<li>Text must have sufficient contrast with its background.<\/li>\r\n \t<li>The Canvas Accessibility Checker helps identify contrast issues.<\/li>\r\n \t<li>Color should never be the only way information is communicated.<\/li>\r\n \t<li>Accessible design benefits all learners.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<h3 class=\"textbox__title\">Practice Activity<\/h3>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nOpen a page in Canvas that uses colored text or highlights. Run the Accessibility Checker and revise the page so that all text has sufficient contrast and meaning is not communicated by color alone.\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<h3 class=\"textbox__title\">Further Reading<\/h3>\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<ul>\r\n \t<li><a href=\"https:\/\/it.ucsf.edu\/how-to\/accessible-color-best-practices\">Accessible Color Best Practices \u2013 University of California, San Francisco<\/a><\/li>\r\n \t<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/use-of-color.html\">WCAG Understanding Success Criterion: Use of Color<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox\">\r\n<h3>Licenses and Attribution<\/h3>\r\n<h4>CC Licensed Content, Original<\/h4>\r\nThis educational material includes AI-generated content from ChatGPT by OpenAI. The original content created by Josh Hill, Neida Abraham, and Emiliana Olavarrieta from Hillsborough College is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (<a href=\"https:\/\/creativecommons.org\/licenses\/by-nc\/4.0\/deed.en\" rel=\"noreferrer noopener\">CC BY-NC 4.0<\/a>).\r\n\r\nAll images in this textbook generated with DALL\u00b7E are licensed under the terms provided by OpenAI, allowing their use, modification, and distribution with appropriate attribution.\r\n<h4>Other Licensed Content<\/h4>\r\n<strong>Why accessible color contrast matters<\/strong>\r\nPope Tech\r\nLicense: Standard YouTube License.\r\n\r\n<\/div>","rendered":"<h2>Designing with Color for Accessibility<\/h2>\n<figure id=\"attachment_467\" aria-describedby=\"caption-attachment-467\" style=\"width: 300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-467 size-medium\" src=\"http:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/6d5dde94-7985-4b14-a19f-4907402ce448-300x200.png\" alt=\"Examples of good and poor color contrast, including a reminder not to rely on color alone.\" width=\"300\" height=\"200\" srcset=\"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/6d5dde94-7985-4b14-a19f-4907402ce448-300x200.png 300w, https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/6d5dde94-7985-4b14-a19f-4907402ce448-1024x683.png 1024w, https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/6d5dde94-7985-4b14-a19f-4907402ce448-768x512.png 768w, https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/6d5dde94-7985-4b14-a19f-4907402ce448-65x43.png 65w, https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/6d5dde94-7985-4b14-a19f-4907402ce448-225x150.png 225w, https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/6d5dde94-7985-4b14-a19f-4907402ce448-350x233.png 350w, https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/6d5dde94-7985-4b14-a19f-4907402ce448.png 1536w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-467\" class=\"wp-caption-text\">Image generated by OpenAI\u2019s DALL\u00b7E.<\/figcaption><\/figure>\n<p>Color can make digital content more engaging, but poor color choices can make text difficult or impossible to read for some users. Accessible color design ensures that information remains clear and readable for everyone, including people with low vision or color-vision differences.<\/p>\n<p>This tutorial explains how to check color contrast in Canvas and how to choose color combinations that support accessibility.<\/p>\n<div class=\"textbox textbox--learning-objectives\">\n<header class=\"textbox__header\">\n<h3 class=\"textbox__title\">Learning Objectives<\/h3>\n<\/header>\n<div class=\"textbox__content\">\n<p>By the end of this chapter, you should be able to:<\/p>\n<ul>\n<li>Explain why color contrast is important for accessibility.<\/li>\n<li>Use the Canvas Accessibility Checker to identify contrast issues.<\/li>\n<li>Choose color combinations that improve readability.<\/li>\n<li>Avoid using color alone to communicate meaning.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"textbox textbox--key-terms\">\n<header class=\"textbox__header\">\n<h3 class=\"textbox__title\">Key Terms<\/h3>\n<\/header>\n<div class=\"textbox__content\">\n<ul>\n<li><strong>Accessibility Checker:<\/strong> A Canvas tool that identifies accessibility issues such as color contrast problems.<\/li>\n<li><strong>Color Blindness:<\/strong> A difference in color perception that makes some colors difficult to distinguish.<\/li>\n<li><strong>Color Contrast:<\/strong> The difference in brightness between text and its background.<\/li>\n<li><strong>Use of Color:<\/strong> An accessibility principle stating that color should not be the only way to communicate information.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h3>Why Color Accessibility Matters<\/h3>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"Why accessible color contrast matters\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/s8uSGsTQv_k?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div id=\"h5p-18\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-18\" class=\"h5p-iframe\" data-content-id=\"18\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Choosing accessible colors in Canvas\"><\/iframe><\/div>\n<\/div>\n<p>People perceive color and contrast in different ways. Some users have low vision, while others experience color blindness that makes certain color combinations difficult to distinguish. If text and background colors do not contrast enough, content can become unreadable.<\/p>\n<div class=\"textbox textbox--tip\">\n<header class=\"textbox__header\">\n<h3 class=\"textbox__title\">Tip<\/h3>\n<\/header>\n<div class=\"textbox__content\">\n<p>Accessible color design ensures that content remains readable and that meaning is not communicated by color alone.<\/p>\n<\/div>\n<\/div>\n<h3><a href=\"https:\/\/www.youtube.com\/watch?v=28kfWKw8Vxs&amp;t=5s\">Color Contrast<\/a><\/h3>\n<h3>Checking Color Contrast in Canvas<\/h3>\n<p>The Canvas Rich Content Editor includes an <strong>Accessibility Checker<\/strong> that helps identify contrast problems.<\/p>\n<ol>\n<li><strong>Open the content you want to edit.<\/strong> Navigate to the page, assignment, or discussion you want to update and click <strong>Edit<\/strong>.<\/li>\n<li><strong>Launch the Accessibility Checker.<\/strong> In the Rich Content Editor, select the <strong>Accessibility Checker<\/strong> button located in the bottom-right corner.<\/li>\n<li><strong>Review the accessibility issues.<\/strong> If Canvas detects accessibility issues, they will appear in a panel on the right side of the editor.<\/li>\n<\/ol>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pressbooks.hcfl.edu\/hccdigitalaccessibility\/wp-content\/uploads\/sites\/61\/2026\/02\/image1-4.png\" alt=\"Screenshot of the Canvas Accessibility Checker highlighting text that does not meet color contrast requirements.\" width=\"1149\" height=\"529\" \/><figcaption>The Canvas Accessibility Checker identifies text with insufficient color contrast. Screenshot from an ENC1101 course shell by Hillsborough Community College, 2026. Used under fair use for instructional purposes.<\/figcaption><\/figure>\n<ol start=\"4\">\n<li><strong>Choose a more accessible color.<\/strong> If low contrast text is detected, use the color selector provided by the Accessibility Checker to choose a darker or more contrasting color. When the color meets accessibility requirements, the <strong>Apply<\/strong> button will become active.<\/li>\n<li><strong>Apply the fix.<\/strong> Click <strong>Apply<\/strong> to update the color.<\/li>\n<li><strong>Save your changes.<\/strong> When you finish reviewing all issues, click <strong>Save<\/strong> at the bottom of the editor.<\/li>\n<\/ol>\n<h3>Color Contrast<\/h3>\n<p>Color contrast refers to the difference in brightness between text and its background. Strong contrast improves readability and helps users distinguish content more easily.<\/p>\n<p>Learn more about contrast requirements in the <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum.html\">WCAG explanation of minimum contrast requirements<\/a>.<\/p>\n<div class=\"textbox textbox--accessibility\">\n<header class=\"textbox__header\">\n<h3 class=\"textbox__title\">Accessibility Check<\/h3>\n<\/header>\n<div class=\"textbox__content\">\n<ul>\n<li>Ensure colored text remains readable on different screens.<\/li>\n<li>Check that text has enough contrast with its background.<\/li>\n<li>Do not rely on color alone to communicate meaning.<\/li>\n<li>Use links, labels, icons, or underlines to reinforce meaning.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h3>Color Blindness and Design<\/h3>\n<p>Color blindness affects how some people perceive certain colors. For example, red and green may appear very similar to users with red-green color blindness.<\/p>\n<p>Because of this, color should never be the only way information is communicated.<\/p>\n<p>For example:<\/p>\n<ul>\n<li>A correct answer should not be shown only in green.<\/li>\n<li>An incorrect answer should not be shown only in red.<\/li>\n<li>Links should be underlined rather than distinguished only by color.<\/li>\n<\/ul>\n<p>Helpful resources include the <a href=\"https:\/\/nei.nih.gov\/health\/color_blindness\/facts_about\">National Eye Institute guide to color blindness<\/a> and <a href=\"https:\/\/webaim.org\/articles\/visual\/colorblind\">WebAIM guidance on designing for color-blind users<\/a>.<\/p>\n<h3>What Is Accessible Use of Color?<\/h3>\n<p>Accessible color design ensures that:<\/p>\n<ul>\n<li>Text contrasts clearly with its background.<\/li>\n<li>Color is not the only way meaning is communicated.<\/li>\n<li>Important information is also conveyed through labels, icons, or text.<\/li>\n<\/ul>\n<p>To better understand color perception differences, you may explore a <a href=\"https:\/\/colormax.org\/color-blind-test\/\">color blindness test and simulation<\/a>.<\/p>\n<div class=\"textbox textbox--warning\">\n<header class=\"textbox__header\">\n<h3 class=\"textbox__title\">Important Note<\/h3>\n<\/header>\n<div class=\"textbox__content\">\n<p>Even when a color combination looks acceptable to you, it may still be difficult for some users to read. Always use an accessibility checker and avoid depending only on visual judgment.<\/p>\n<\/div>\n<\/div>\n<div class=\"textbox textbox--summary\">\n<header class=\"textbox__header\">\n<h3 class=\"textbox__title\">Chapter Summary<\/h3>\n<\/header>\n<div class=\"textbox__content\">\n<p>Accessible color choices improve readability and help ensure that Canvas content works for users with low vision or color-vision differences. The Canvas Accessibility Checker can help instructors identify and fix contrast issues, but good design decisions are still essential. Color should support meaning, not carry it alone.<\/p>\n<\/div>\n<\/div>\n<div class=\"textbox textbox--key-takeaways\">\n<header class=\"textbox__header\">\n<h3 class=\"textbox__title\">Key Takeaways<\/h3>\n<\/header>\n<div class=\"textbox__content\">\n<ul>\n<li>Text must have sufficient contrast with its background.<\/li>\n<li>The Canvas Accessibility Checker helps identify contrast issues.<\/li>\n<li>Color should never be the only way information is communicated.<\/li>\n<li>Accessible design benefits all learners.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<h3 class=\"textbox__title\">Practice Activity<\/h3>\n<\/header>\n<div class=\"textbox__content\">\n<p>Open a page in Canvas that uses colored text or highlights. Run the Accessibility Checker and revise the page so that all text has sufficient contrast and meaning is not communicated by color alone.<\/p>\n<\/div>\n<\/div>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<h3 class=\"textbox__title\">Further Reading<\/h3>\n<\/header>\n<div class=\"textbox__content\">\n<ul>\n<li><a href=\"https:\/\/it.ucsf.edu\/how-to\/accessible-color-best-practices\">Accessible Color Best Practices \u2013 University of California, San Francisco<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/use-of-color.html\">WCAG Understanding Success Criterion: Use of Color<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"textbox\">\n<h3>Licenses and Attribution<\/h3>\n<h4>CC Licensed Content, Original<\/h4>\n<p>This educational material includes AI-generated content from ChatGPT by OpenAI. The original content created by Josh Hill, Neida Abraham, and Emiliana Olavarrieta from Hillsborough College is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (<a href=\"https:\/\/creativecommons.org\/licenses\/by-nc\/4.0\/deed.en\" rel=\"noreferrer noopener\">CC BY-NC 4.0<\/a>).<\/p>\n<p>All images in this textbook generated with DALL\u00b7E are licensed under the terms provided by OpenAI, allowing their use, modification, and distribution with appropriate attribution.<\/p>\n<h4>Other Licensed Content<\/h4>\n<p><strong>Why accessible color contrast matters<\/strong><br \/>\nPope Tech<br \/>\nLicense: Standard YouTube License.<\/p>\n<\/div>\n","protected":false},"author":2,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-180","chapter","type-chapter","status-publish","hentry"],"part":138,"_links":{"self":[{"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/pressbooks\/v2\/chapters\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":26,"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/pressbooks\/v2\/chapters\/180\/revisions"}],"predecessor-version":[{"id":1234,"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/pressbooks\/v2\/chapters\/180\/revisions\/1234"}],"part":[{"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/pressbooks\/v2\/parts\/138"}],"metadata":[{"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/pressbooks\/v2\/chapters\/180\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/wp\/v2\/media?parent=180"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/pressbooks\/v2\/chapter-type?post=180"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/wp\/v2\/contributor?post=180"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.hcfl.edu\/digitalaccessibility\/wp-json\/wp\/v2\/license?post=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}