{"id":72,"date":"2024-07-12T17:06:46","date_gmt":"2024-07-12T21:06:46","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/?post_type=chapter&#038;p=72"},"modified":"2025-05-20T12:58:09","modified_gmt":"2025-05-20T16:58:09","slug":"accessible-colour","status":"web-only","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/accessible-colour\/","title":{"raw":"Hard-to-read Text Contrast","rendered":"Hard-to-read Text Contrast"},"content":{"raw":"<a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid.png\"><img class=\"alignright wp-image-2653\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid.png\" alt=\"\" width=\"133\" height=\"120\" \/><\/a>The PowerPoint Check Accessibility tool examines contrast between font and shape colours. Colour contrast is expressed as a ratio of the difference in saturation, brightness, and pigment of different elements relative to one another. To be accessible and inclusive, font colour must have a contrast ratio of at least 4.5:1[footnote]The requirement reduces to 3:1 for large (size 18 point or larger or 14 point or larger and bold) fonts[\/footnote] against background colours. Insufficient contrast will be flagged as <strong>Hard-to-read text contrast.<\/strong>\r\n<h2>Who hard-to-read text contrast affects<\/h2>\r\nAccessible colour is essential for:\r\n<ul>\r\n \t<li>The 1 in 12 men and 1 in 200 women that have some form of colour vision deficiency.[footnote]Colour Blind Awareness, \"<a href=\"https:\/\/www.colourblindawareness.org\/colour-blindness\/\">About Colour Blindness<\/a>\"[\/footnote]<\/li>\r\n \t<li>Low vision users.<\/li>\r\n \t<li>Users experiencing eye fatigue and other mental strain.<\/li>\r\n \t<li>Those that print material in black and white.<\/li>\r\n \t<li>Users viewing in poor lighting or excess glare.<\/li>\r\n<\/ul>\r\nLearn more about <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/accessible-colour\/\">accessible colour use<\/a>.\r\n\r\nThe following video demonstrates why colour contrast and use of colour is important.\r\n\r\nhttps:\/\/mediaspace.langara.ca\/media\/t\/0_qg5g2hpz\r\n<h2>How to fix it<\/h2>\r\nPowerPoint's Check Accessibility tool will show <strong>Hard-to-read text contrast<\/strong>.\r\n<img class=\"size-full wp-image-2171 alignnone\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour.png\" alt=\"\" width=\"399\" height=\"114\" \/>\r\n<img class=\"size-full wp-image-2172 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour2.png\" alt=\"\" width=\"400\" height=\"589\" \/>However, PowerPoint only checks shaded textboxes and table cells with coloured shading. PowerPoint does not analyze font colour against slide background, even if the slide background is a solid colour. To ensure fully accessible colour, some manual checks are required.\r\n\r\nSelect <strong>Hard-to-read text contrast<\/strong> to reveal some options for more accessible colour including font colour, shading or fill, and highlighting.\r\n<div class=\"clearfix\"><\/div>\r\n<div class=\"textbox textbox--examples\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\"><strong>To check for accessible colour everwhere:<\/strong><\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\n<img class=\"size-full wp-image-538 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-Color-Grayscale1.png\" alt=\"\" width=\"167\" height=\"124\" \/>Simulate black and white by navigating to the <strong>View<\/strong> tab and selecting<strong> Grayscale\u00a0<\/strong>in the Color\/Grayscale group.\r\n\r\nUse the <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">WebAim Contrast Checker<\/a> to verify contrast ratio.\r\n<div class=\"clearfix\"><\/div>\r\n<\/div>\r\n<\/div>\r\nTo fix a contrast error either change the font or background colour.\r\n\r\n<img class=\"wp-image-544 size-full alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-FontColor-e1722034333630.png\" alt=\"\" width=\"273\" height=\"543\" \/>To change font colours, select the text and on the <strong>Home <\/strong>tab open the <strong>Font Color\u00a0<\/strong>menu. Click on your desired colour.\r\n\r\nPowerPoint's <strong>F<\/strong><strong>ont Color<\/strong> menu can filter to show high-contrast colours only. However, like the Check Accessibility tool, this feature only works on coloured shapes and shaded table cells.\r\n<img class=\"wp-image-542 size-full alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-HighContrast-e1722375448931.png\" alt=\"\" width=\"273\" height=\"332\" \/>\r\n<div class=\"clearfix\"><\/div>\r\nFor more information, read <a href=\"https:\/\/support.microsoft.com\/en-us\/office\/change-the-color-of-text-on-a-slide-26773c77-daad-4ef2-bed9-bf7ab3eed348\">change the color of text on a slide<\/a> from Microsoft Support.\r\n\r\nInstead of changing the font colour, you could change the background colour of your slide, the textbox or table cell.\r\n\r\nTo change the slide background color:\r\n<ol>\r\n \t<li>Move to the <strong>Design\u00a0<\/strong>tab.<\/li>\r\n \t<li>Select\u00a0<strong>Format Background.<\/strong><\/li>\r\n \t<li>Choose a colour in the color picker menu.\r\n<ol>\r\n \t<li>Verify appropriate colour contrast using an external tool like the <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">WebAIM Contrast Checker<\/a> or <a href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\">Colour Contrast Analyzer<\/a>.<\/li>\r\n<\/ol>\r\n<\/li>\r\n \t<li>To apply the new colour to all slides, select\u00a0<strong>Apply to all.<\/strong><\/li>\r\n<\/ol>\r\n<div class=\"customrow\">\r\n<div class=\"customcolumn\">\r\n\r\nTo change a shape background colour:\r\n<ol>\r\n \t<li>On the slide select the textbox.<\/li>\r\n \t<li>Move to the\u00a0<strong>Shape Format\u00a0<\/strong>tab.<\/li>\r\n \t<li>Expand the\u00a0<strong>Shape Fill<\/strong> menu and choose a colour.<\/li>\r\n<\/ol>\r\n<\/div>\r\n<div class=\"customcolumn\">\r\n\r\nTo change cell shading colour:\r\n<ol>\r\n \t<li>Select the table cell(s) on the slide.<\/li>\r\n \t<li>Move to the\u00a0<strong>Table Design<\/strong> tab.<\/li>\r\n \t<li>Open the\u00a0<strong>Shading<\/strong> menu and choose a colour.<\/li>\r\n<\/ol>\r\n<\/div>\r\n<\/div>\r\nIn addition to ensuring text has sufficient contrast, it is essential that colour is not the only means to convey or emphasize information. Use colour plus a text or symbol indicator.\r\n<h2>How to prevent it next time<\/h2>\r\nUse dark text on light backgrounds or light text on dark backgrounds.\r\n\r\nBuild a grid of branded colours with <a href=\"https:\/\/contrast-grid.eightshapes.com\/?version=1.1.0&amp;background-colors=&amp;foreground-colors=%23FFFFFF%2C%20White%0D%0A%23F2F2F2%0D%0A%23DDDDDD%0D%0A%23CCCCCC%0D%0A%23888888%0D%0A%23404040%2C%20Charcoal%0D%0A%23000000%2C%20Black%0D%0A%232F78C5%2C%20Effective%20on%20Extremes%0D%0A%230F60B6%2C%20Effective%20on%20Lights%0D%0A%23398EEA%2C%20Ineffective%0D%0A&amp;es-color-form__tile-size=compact&amp;es-color-form__show-contrast=aaa&amp;es-color-form__show-contrast=aa&amp;es-color-form__show-contrast=aa18&amp;es-color-form__show-contrast=dnp\">Eightshapes Contrast Grid<\/a> to see what colour combinations are accessible.\r\n<div class=\"textbox textbox--key-takeaways\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Next<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nMove to the next page to address <strong>M<\/strong><strong>issing Audio or Video Subtitles<\/strong> or <a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/ppt-start-here\/#iwantto\">select the next error you want to fix<\/a>.\r\n\r\n<\/div>\r\n<\/div>","rendered":"<p><a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-2653\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid.png\" alt=\"\" width=\"133\" height=\"120\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid.png 1008w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid-300x271.png 300w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid-768x694.png 768w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid-65x59.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid-225x203.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/Contrast-EightShapesGrid-350x316.png 350w\" sizes=\"auto, (max-width: 133px) 100vw, 133px\" \/><\/a>The PowerPoint Check Accessibility tool examines contrast between font and shape colours. Colour contrast is expressed as a ratio of the difference in saturation, brightness, and pigment of different elements relative to one another. To be accessible and inclusive, font colour must have a contrast ratio of at least 4.5:1<a class=\"footnote\" title=\"The requirement reduces to 3:1 for large (size 18 point or larger or 14 point or larger and bold) fonts\" id=\"return-footnote-72-1\" href=\"#footnote-72-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a> against background colours. Insufficient contrast will be flagged as <strong>Hard-to-read text contrast.<\/strong><\/p>\n<h2>Who hard-to-read text contrast affects<\/h2>\n<p>Accessible colour is essential for:<\/p>\n<ul>\n<li>The 1 in 12 men and 1 in 200 women that have some form of colour vision deficiency.<a class=\"footnote\" title=\"Colour Blind Awareness, &quot;About Colour Blindness&quot;\" id=\"return-footnote-72-2\" href=\"#footnote-72-2\" aria-label=\"Footnote 2\"><sup class=\"footnote\">[2]<\/sup><\/a><\/li>\n<li>Low vision users.<\/li>\n<li>Users experiencing eye fatigue and other mental strain.<\/li>\n<li>Those that print material in black and white.<\/li>\n<li>Users viewing in poor lighting or excess glare.<\/li>\n<\/ul>\n<p>Learn more about <a href=\"https:\/\/pressbooks.bccampus.ca\/accessibilityhandbook\/chapter\/accessible-colour\/\">accessible colour use<\/a>.<\/p>\n<p>The following video demonstrates why colour contrast and use of colour is important.<\/p>\n<p><iframe loading=\"lazy\" id=\"kaltura_player\" title=\"Accessible use of colour in PowerPoint\" src=\"https:\/\/api.ca.kaltura.com\/p\/138\/sp\/13800\/embedIframeJs\/uiconf_id\/23449468\/partner_id\/138?iframeembed=true&#38;playerId=kaltura_player&#38;entry_id=0_qg5g2hpz&#38;flashvars[streamerType]=auto&#38;flashvars[localizationCode]=en&#38;flashvars[sideBarContainer.plugin]=true&#38;flashvars[sideBarContainer.position]=left&#38;flashvars[sideBarContainer.clickToClose]=true&#38;flashvars[chapters.plugin]=true&#38;flashvars[chapters.layout]=vertical&#38;flashvars[chapters.thumbnailRotator]=false&#38;flashvars[streamSelector.plugin]=true&#38;flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&#38;flashvars[dualScreen.plugin]=true&#38;flashvars[hotspots.plugin]=1&#38;flashvars[Kaltura.addCrossoriginToIframe]=true&#38;wid=0_gw8gzu93\" width=\"400\" height=\"285\" allowfullscreen=\"allowfullscreen\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\"><\/iframe><\/p>\n<h2>How to fix it<\/h2>\n<p>PowerPoint&#8217;s Check Accessibility tool will show <strong>Hard-to-read text contrast<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2171 alignnone\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour.png\" alt=\"\" width=\"399\" height=\"114\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour.png 399w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour-300x86.png 300w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour-65x19.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour-225x64.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour-350x100.png 350w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2172 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour2.png\" alt=\"\" width=\"400\" height=\"589\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour2.png 400w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour2-204x300.png 204w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour2-65x96.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour2-225x331.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-a11yass_Colour2-350x515.png 350w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>However, PowerPoint only checks shaded textboxes and table cells with coloured shading. PowerPoint does not analyze font colour against slide background, even if the slide background is a solid colour. To ensure fully accessible colour, some manual checks are required.<\/p>\n<p>Select <strong>Hard-to-read text contrast<\/strong> to reveal some options for more accessible colour including font colour, shading or fill, and highlighting.<\/p>\n<div class=\"clearfix\"><\/div>\n<div class=\"textbox textbox--examples\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\"><strong>To check for accessible colour everwhere:<\/strong><\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-538 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-Color-Grayscale1.png\" alt=\"\" width=\"167\" height=\"124\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-Color-Grayscale1.png 167w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-Color-Grayscale1-65x48.png 65w\" sizes=\"auto, (max-width: 167px) 100vw, 167px\" \/>Simulate black and white by navigating to the <strong>View<\/strong> tab and selecting<strong> Grayscale\u00a0<\/strong>in the Color\/Grayscale group.<\/p>\n<p>Use the <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">WebAim Contrast Checker<\/a> to verify contrast ratio.<\/p>\n<div class=\"clearfix\"><\/div>\n<\/div>\n<\/div>\n<p>To fix a contrast error either change the font or background colour.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-544 size-full alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-FontColor-e1722034333630.png\" alt=\"\" width=\"273\" height=\"543\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-FontColor-e1722034333630.png 273w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-FontColor-e1722034333630-151x300.png 151w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-FontColor-e1722034333630-65x129.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-FontColor-e1722034333630-225x448.png 225w\" sizes=\"auto, (max-width: 273px) 100vw, 273px\" \/>To change font colours, select the text and on the <strong>Home <\/strong>tab open the <strong>Font Color\u00a0<\/strong>menu. Click on your desired colour.<\/p>\n<p>PowerPoint&#8217;s <strong>F<\/strong><strong>ont Color<\/strong> menu can filter to show high-contrast colours only. However, like the Check Accessibility tool, this feature only works on coloured shapes and shaded table cells.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-542 size-full alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-HighContrast-e1722375448931.png\" alt=\"\" width=\"273\" height=\"332\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-HighContrast-e1722375448931.png 273w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-HighContrast-e1722375448931-247x300.png 247w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-HighContrast-e1722375448931-65x79.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/PPT-HighContrast-e1722375448931-225x274.png 225w\" sizes=\"auto, (max-width: 273px) 100vw, 273px\" \/><\/p>\n<div class=\"clearfix\"><\/div>\n<p>For more information, read <a href=\"https:\/\/support.microsoft.com\/en-us\/office\/change-the-color-of-text-on-a-slide-26773c77-daad-4ef2-bed9-bf7ab3eed348\">change the color of text on a slide<\/a> from Microsoft Support.<\/p>\n<p>Instead of changing the font colour, you could change the background colour of your slide, the textbox or table cell.<\/p>\n<p>To change the slide background color:<\/p>\n<ol>\n<li>Move to the <strong>Design\u00a0<\/strong>tab.<\/li>\n<li>Select\u00a0<strong>Format Background.<\/strong><\/li>\n<li>Choose a colour in the color picker menu.\n<ol>\n<li>Verify appropriate colour contrast using an external tool like the <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">WebAIM Contrast Checker<\/a> or <a href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\">Colour Contrast Analyzer<\/a>.<\/li>\n<\/ol>\n<\/li>\n<li>To apply the new colour to all slides, select\u00a0<strong>Apply to all.<\/strong><\/li>\n<\/ol>\n<div class=\"customrow\">\n<div class=\"customcolumn\">\n<p>To change a shape background colour:<\/p>\n<ol>\n<li>On the slide select the textbox.<\/li>\n<li>Move to the\u00a0<strong>Shape Format\u00a0<\/strong>tab.<\/li>\n<li>Expand the\u00a0<strong>Shape Fill<\/strong> menu and choose a colour.<\/li>\n<\/ol>\n<\/div>\n<div class=\"customcolumn\">\n<p>To change cell shading colour:<\/p>\n<ol>\n<li>Select the table cell(s) on the slide.<\/li>\n<li>Move to the\u00a0<strong>Table Design<\/strong> tab.<\/li>\n<li>Open the\u00a0<strong>Shading<\/strong> menu and choose a colour.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<p>In addition to ensuring text has sufficient contrast, it is essential that colour is not the only means to convey or emphasize information. Use colour plus a text or symbol indicator.<\/p>\n<h2>How to prevent it next time<\/h2>\n<p>Use dark text on light backgrounds or light text on dark backgrounds.<\/p>\n<p>Build a grid of branded colours with <a href=\"https:\/\/contrast-grid.eightshapes.com\/?version=1.1.0&amp;background-colors=&amp;foreground-colors=%23FFFFFF%2C%20White%0D%0A%23F2F2F2%0D%0A%23DDDDDD%0D%0A%23CCCCCC%0D%0A%23888888%0D%0A%23404040%2C%20Charcoal%0D%0A%23000000%2C%20Black%0D%0A%232F78C5%2C%20Effective%20on%20Extremes%0D%0A%230F60B6%2C%20Effective%20on%20Lights%0D%0A%23398EEA%2C%20Ineffective%0D%0A&amp;es-color-form__tile-size=compact&amp;es-color-form__show-contrast=aaa&amp;es-color-form__show-contrast=aa&amp;es-color-form__show-contrast=aa18&amp;es-color-form__show-contrast=dnp\">Eightshapes Contrast Grid<\/a> to see what colour combinations are accessible.<\/p>\n<div class=\"textbox textbox--key-takeaways\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Next<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>Move to the next page to address <strong>M<\/strong><strong>issing Audio or Video Subtitles<\/strong> or <a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/ppt-start-here\/#iwantto\">select the next error you want to fix<\/a>.<\/p>\n<\/div>\n<\/div>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-72-1\">The requirement reduces to 3:1 for large (size 18 point or larger or 14 point or larger and bold) fonts <a href=\"#return-footnote-72-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><li id=\"footnote-72-2\">Colour Blind Awareness, \"<a href=\"https:\/\/www.colourblindawareness.org\/colour-blindness\/\">About Colour Blindness<\/a>\" <a href=\"#return-footnote-72-2\" class=\"return-footnote\" aria-label=\"Return to footnote 2\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":1655,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-72","chapter","type-chapter","status-web-only","hentry"],"part":50,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/users\/1655"}],"version-history":[{"count":25,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/72\/revisions"}],"predecessor-version":[{"id":3197,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/72\/revisions\/3197"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/parts\/50"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/72\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapter-type?post=72"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/contributor?post=72"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/license?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}