{"id":6433,"date":"2021-07-20T09:54:50","date_gmt":"2021-07-20T08:54:50","guid":{"rendered":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/?p=6433"},"modified":"2023-08-23T15:28:48","modified_gmt":"2023-08-23T14:28:48","slug":"ppt-design-ideas-part-3-contrast","status":"publish","type":"post","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/","title":{"rendered":"Three ways PowerPoint&#8217;s &#8220;Design Ideas&#8221; excludes your audience, and how to fix it: Part 3 &#8211; Insufficient colour contrast."},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"180\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/di.png?resize=755%2C180&#038;ssl=1\" alt=\"Design Ideas button within the PowerPoint user interface.\" class=\"wp-image-6401\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/di.png?w=999&amp;ssl=1 999w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/di.png?resize=300%2C71&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/di.png?resize=768%2C183&amp;ssl=1 768w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Article Series Summary<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PowerPoint&#8217;s design ideas feature is great, but it can worsen the accessibility of your content. It may recommend these behaviours that can exclude members of your potential audience:\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-1-all-caps\/\">Setting text in &#8220;all caps&#8221;.<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-2-centre-alignment\/\">Centre aligning text.<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/\">Insufficient colour contrast.<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>PowerPoint&#8217;s accessibility checker often ignores these issues or does not check for them at all.<\/li>\n\n\n\n<li>In this article we explain why this is important and how to fix it.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>PowerPoint\u2019s <a href=\"https:\/\/support.microsoft.com\/en-us\/office\/create-professional-slide-layouts-with-powerpoint-designer-53c77d7b-dc40-45c2-b684-81415eac0617\">Design Ideas<\/a> feature helps us create attractive slides quickly. Unfortunately, some of its suggestions do not follow accessibility best practice, creating barriers that may exclude members of your audience. In this blog post we explain one of these issues and how to fix it. The examples shown here use the default PowerPoint template but are likely to occur whichever template you use.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/designideas.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"74\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/designideas-1024x100.png?resize=755%2C74&#038;ssl=1\" alt=\"Each slide has the same content: &quot;Agenda, Introductions, Discussions, Actions, Any other business&quot;. Almost every slide idea generated has colour contrast issues.\" class=\"wp-image-6412\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/designideas.png?resize=1024%2C100&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/designideas.png?resize=300%2C29&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/designideas.png?resize=768%2C75&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/designideas.png?w=1449&amp;ssl=1 1449w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><figcaption class=\"wp-element-caption\">Design variations of the same content variants generated by Design Ideas. The majority use insufficient contrast for the presentation of text.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"contrast\">Colour contrast<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Summary<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Too little contrast between colours will not only make your presentation disagreeable, but it also presents a barrier to many.<\/li>\n\n\n\n<li>Design ideas will sometimes suggest designs that do not have sufficient contrast between colours.<\/li>\n\n\n\n<li>While the accessibility checker can check for contrast, it does not consistently identify contrast issues created by design ideas.<\/li>\n\n\n\n<li>It\u2019s a simple issue to remediate. Once you know what to look for it becomes second nature.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Why is colour contrast important?<\/h3>\n\n\n\n<p>More than two million people in the UK live with a visual impairment.&nbsp;<a href=\"https:\/\/abilitynet.org.uk\/blog\/visual-impairment-and-computing-common-questions\">Many more have difficulties with their sight<\/a>.&nbsp;It is crucial that,&nbsp;when we create content, we make accessible colour choices. Many readers will&nbsp;<a href=\"https:\/\/medium.com\/23andme-engineering\/accessibility-and-me-812c362031d2#b3cd:~:text=I%20tend%20to%20skip%20over%20text,content%20is%20too%20difficult%20to%20read.\">skip over text where its colour has insufficient contrast<\/a>&nbsp;to the background. When we present text or graphical objects without sufficient contrast we may create barriers to our content for several groups, such as:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\">\n<li>Those who have a visual impairment.<\/li>\n\n\n\n<li>Those who are colour blind.<\/li>\n\n\n\n<li>Those whose situation or environment require greater contrast, such as using a phone in bright sunlight, or viewing a projected display in a well-lit room.<\/li>\n<\/ol>\n\n\n\n<p>The <a href=\"https:\/\/www.w3.org\/WAI\/\">Accessibility Guidelines<\/a> provide a method to know whether the background colour and text colour have enough contrast. This involves&nbsp;<a href=\"https:\/\/planetcalc.com\/7779\/\">comparing the relative luminance of the two colours<\/a>. The result is a contrast ratio. The higher the result the greater the contrast.<\/p>\n\n\n\n<p>When we use graphical objects such as graphs or icons we should use a <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/non-text-contrast.html\">contrast ratio of at least 3:1<\/a> between adjacent colours. For text, we should aim for a&nbsp;<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum.html\">contrast ratio of at least 4.5:1 or higher<\/a>&nbsp;between the background colour and the text colour.&nbsp;Ideally, we should target <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-enhanced\">7:1 or higher<\/a>&nbsp;contrast ratio when possible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"365\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?resize=755%2C365\" alt=\"Colour contrast ratios we should use. 3:1 or higher for graphics, 4.5:1 of higher is the minimum for text. 7:1 or higher is meets an enhanced level.\" class=\"wp-image-6168\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?resize=1024%2C495&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?resize=300%2C145&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?resize=768%2C371&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?w=1510 1510w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?w=2265 2265w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><\/figure>\n\n\n\n<p>There are many online colour contrast checking sites online. We recommend&nbsp;<a href=\"https:\/\/whocanuse.com\/\">whocanuse.com<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What does Design Ideas do?<\/h3>\n\n\n\n<p>Sometime the choices that Design Ideas makes do not provide sufficient contrast to meet accessibility guidelines. Design ideas suggested the below design. We\u2019ve added boxes containing the contrast ratios of the agenda items. None meet the 4.5:1 minimum requirement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/Slide6.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"425\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/Slide6-1024x576.png?resize=755%2C425&#038;ssl=1\" alt=\"PowerPoint slide, &quot;Agenda&quot;, four bullet points, &quot;Introductions&quot;, &quot;Discussion&quot;, &quot;Actions&quot;, &quot;Any other business&quot;. The contrast ratio of each is shown, these vary between 2.46:1 and 3.13:1, all of which are below the required 4.5:1 ratio required for text.\" class=\"wp-image-6388\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/Slide6.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/Slide6.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/Slide6.png?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/Slide6.png?resize=1536%2C864&amp;ssl=1 1536w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/Slide6.png?w=2000&amp;ssl=1 2000w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><figcaption class=\"wp-element-caption\">Created using Design Ideas from four initial bullet points, the content has been changed to white text in coloured boxes. The colours Design Ideas selected do not meet the minimum 4.5:1 contrast ratio required for the presentation of text.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What about the Accessibility Checker?<\/h3>\n\n\n\n<p><a href=\"https:\/\/support.microsoft.com\/en-us\/topic\/rules-for-the-accessibility-checker-651e08f2-0fc3-4e10-aaca-74b4a67101c1https:\/\/support.microsoft.com\/en-us\/topic\/rules-for-the-accessibility-checker-651e08f2-0fc3-4e10-aaca-74b4a67101c1\">The Accessibility Checker tests for colour contrast<\/a>. Unfortunately, these tests do not pick up failures consistently with Design Ideas created slides.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"340\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-1-1024x461.png?resize=755%2C340&#038;ssl=1\" alt=\"PowerPoint slide, &quot;Agenda&quot;, four bullet points, &quot;Introductions&quot;, &quot;Discussion&quot;, &quot;Actions&quot;, &quot;Any other business&quot;.  The background colours vary but have insufficient contrast with the white colour used for text. The Accessibility Checker shows that is has found hard to read text contrast.\" class=\"wp-image-6394\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-1.png?resize=1024%2C461&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-1.png?resize=300%2C135&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-1.png?resize=768%2C346&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-1.png?resize=1536%2C691&amp;ssl=1 1536w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-1.png?w=1595&amp;ssl=1 1595w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><figcaption class=\"wp-element-caption\">In this screenshot we can see that the Accessibility Checker has identified hard-to-read text contrast.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"357\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-2-1024x484.png?resize=755%2C357&#038;ssl=1\" alt=\"\" class=\"wp-image-6395\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-2.png?resize=1024%2C484&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-2.png?resize=300%2C142&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-2.png?resize=768%2C363&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-2.png?resize=1536%2C726&amp;ssl=1 1536w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-acc-2.png?w=1568&amp;ssl=1 1568w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><figcaption class=\"wp-element-caption\">Alternative slide created using Design Ideas. Design Ideas chose five colours from the default palette. All fail colour accessibility guidelines. The accessibility checker reports that it has not found any issues.<br> Content is from <a href=\"https:\/\/worksmart.org.uk\/health-advice\/health-and-safety\/hazards-and-risks\/what-are-five-steps-risk-assessment\">&#8220;What are the five steps to risk assessment?&#8221; by WorkSmart.<\/a><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How can you fix it?<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Confirm colours have sufficient contrast.<\/h4>\n\n\n\n<p>Use a colour picker tool to determine the background and text <a href=\"https:\/\/www.shutterstock.com\/blog\/how-hex-colors-work\">colour codes<\/a>. <a href=\"https:\/\/docs.microsoft.com\/en-us\/windows\/powertoys\/install\">Microsoft Power Toys<\/a> is free and has a great colour picking tool. Use <a href=\"https:\/\/whocanuse.com\/\">whocanuse.com<\/a> to verify the contrast ratio. Keep it simple by aiming for at least 4.5:1 or higher, ideally 7:1 or higher.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Choose an accessible colour combination<\/h4>\n\n\n\n<p>If you need to set a better colour combination, choose a text and background colour that have sufficient contrast. <\/p>\n\n\n\n<p>In cases where the background colour varies, and the text colour remains the same, choose appropriate background colour\/s that suit your purposes and have sufficient contrast with the text colour.<\/p>\n\n\n\n<p>For our <a href=\"https:\/\/go.soton.ac.uk\/uosbrand\">University colour scheme<\/a>, use the<a href=\"https:\/\/mle.southampton.ac.uk\/bb\/access\/soton\/matrix.html\"> Colour Accessibility Matrix<\/a> to check which brand colours have sufficient contrast with each other. Using the colour palette built into Microsoft products? Use the <a href=\"https:\/\/mle.southampton.ac.uk\/bb\/access\/MS_Office_Colour_Matrix-v1.2.pdf\">colour accessibility matrix for the Microsoft Standard Palette.<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Apply your chosen colour scheme to the relevant part of the design PowerPoint has suggested<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"604\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix.png?resize=755%2C604&#038;ssl=1\" alt=\"\" class=\"wp-image-6398\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix.png?w=1013&amp;ssl=1 1013w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix.png?resize=300%2C240&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix.png?resize=768%2C614&amp;ssl=1 768w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\">\n<li>In PowerPoint <strong>select the object <\/strong>which has background colour you wish to adjust.<\/li>\n\n\n\n<li>Select the <strong>Format <\/strong>menu.<\/li>\n\n\n\n<li>Select the<strong> Shape Fill button<\/strong> and <strong>choose the colour <\/strong>you wish to apply to the shape.<\/li>\n\n\n\n<li>If you wish to change the text colour, select the <strong>Text Fill button<\/strong> and <strong>choose the colour <\/strong>you wish to apply to the text.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"591\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix-2-1024x802.png?resize=755%2C591&#038;ssl=1\" alt=\"\" class=\"wp-image-6399\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix-2.png?resize=1024%2C802&amp;ssl=1 1024w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix-2.png?resize=300%2C235&amp;ssl=1 300w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix-2.png?resize=768%2C601&amp;ssl=1 768w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/contrast-fix-2.png?w=1105&amp;ssl=1 1105w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Using the accessibility checker<\/h4>\n\n\n\n<p>When the accessibility checker identifies a contrast issue you can use it to resolve the issue. A good rule of thumb is to use light coloured text with dark coloured backgrounds or vice versa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/col-fix.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"689\" src=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/col-fix.png?resize=571%2C689&#038;ssl=1\" alt=\"The accessibility checker has identified a contrast issue. Selecting &quot;Change Colours&quot; from the Recommended Actions list allows you to quickly adjust the colours. Note that PowerPoint does not show what the contast ratio is. \" class=\"wp-image-6403\" srcset=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/col-fix.png?w=571&amp;ssl=1 571w, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/col-fix.png?resize=249%2C300&amp;ssl=1 249w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/a><figcaption class=\"wp-element-caption\">Using the Accessibility Checker to resolve a contrast issue it identified.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Should I use a &#8220;pure&#8221; white or black background in my slides?<\/h3>\n\n\n\n<p>You&#8217;ve seen presentations using a cream yellow background, or dark background and heard that this is related to accessibility. We&#8217;ll cover this in a future blog post. For now, here are two resources to find out more.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.w3.org\/WAI\/RD\/2012\/text-customization\/r11\">Optimal colours to improve readability for people with dyslexia<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/youtu.be\/Ti29cPuGg6o?t=600\">The answer to a question at the end of this presentation introducing the colour accessibility matrix.<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Want to learn more?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/04\/04\/how-can-i-use-colour-accessibly\/\">How can I use colour accessibly?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/cultureconnectme.com\/color\/\">Accessibility 101: Colour Contrast<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2014\/10\/color-contrast-tips-and-tools-for-accessibility\/\">Colour Contrast and Why You Should Rethink It<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.laurastoker.co.uk\/blog\/colour-contrast-accessibility\">What is colour contrast accessibility? 5 questions and answers.<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/24ways.org\/2012\/colour-accessibility\/\">Colour Accessibility<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/webaim.org\/articles\/contrast\/evaluating\">Contrast and Colour Accessibility<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/abilitynet.org.uk\/news-blogs\/guest-blog-how-check-your-brands-colour-contrast-accessibility\">How to check your brand&#8217;s colour contrast for accessibility<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Read the articles in this series<\/h2>\n\n\n\n<p>PowerPoint&#8217;s design ideas feature is great, but it can worsen the accessibility of your content. It may recommend these behaviours that can exclude members of your potential audience:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-1-all-caps\/\">Setting text in &#8220;all caps&#8221;.<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-2-centre-alignment\/\">Centre aligning text.<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/\">Insufficient colour contrast.<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/design-ideas-three-ways-overview\/\">Article overview.<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>PowerPoint\u2019s Design Ideas feature is a marvellous innovation. It makes slide design quick, simple, and within reach of anyone. Currently, it introduces three issues that can exclude members of your audience. The tips we shared in this post make these issues simple to resolve. If you see these issues in your colleagues\u2019 presentations, send them this article so they will know what to do.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Over to you!<\/h2>\n\n\n\n<p>Add your comments, questions, and reflections below. Did we get something wrong? Have an important tip to share? Let us know.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Too little contrast between colours will not only make your presentation disagreeable, it also presents a barrier to many. Design ideas will sometimes suggest designs that do not have sufficient contrast between colours. In this article we explain this in more detail and how to fix it.<\/p>\n","protected":false},"author":918,"featured_media":6434,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[209,3,9],"tags":[86,284,191],"class_list":["post-6433","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-creating-content","category-tech-tips","tag-accessibility","tag-ask-us","tag-powerpoint"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Three ways PowerPoint&#039;s &quot;Design Ideas&quot; excludes your audience, and how to fix it: Part 3 - Insufficient colour contrast. - Digital Learning<\/title>\n<meta name=\"description\" content=\"PowerPoint\u2019s Design Ideas sometimes uses poor contrasting colours. This is bad practice for accessibility.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Three ways PowerPoint&#039;s &quot;Design Ideas&quot; excludes your audience, and how to fix it: Part 3 - Insufficient colour contrast. - Digital Learning\" \/>\n<meta property=\"og:description\" content=\"PowerPoint\u2019s Design Ideas sometimes uses poor contrasting colours. This is bad practice for accessibility.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Learning\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-20T08:54:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-23T14:28:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-936347610.jpg?fit=683%2C512&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"683\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matthew Deeprose\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matthew Deeprose\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/\"},\"author\":{\"name\":\"Matthew Deeprose\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#\\\/schema\\\/person\\\/ae2be621ff6c68cce6b17ee35c53f496\"},\"headline\":\"Three ways PowerPoint&#8217;s &#8220;Design Ideas&#8221; excludes your audience, and how to fix it: Part 3 &#8211; Insufficient colour contrast.\",\"datePublished\":\"2021-07-20T08:54:50+00:00\",\"dateModified\":\"2023-08-23T14:28:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/\"},\"wordCount\":1180,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2021\\\/07\\\/iStock-936347610.jpg?fit=683%2C512&ssl=1\",\"keywords\":[\"accessibility\",\"Ask us\",\"PowerPoint\"],\"articleSection\":[\"Accessibility\",\"Creating content\",\"Tech tips\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/\",\"url\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/\",\"name\":\"Three ways PowerPoint's \\\"Design Ideas\\\" excludes your audience, and how to fix it: Part 3 - Insufficient colour contrast. - Digital Learning\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2021\\\/07\\\/iStock-936347610.jpg?fit=683%2C512&ssl=1\",\"datePublished\":\"2021-07-20T08:54:50+00:00\",\"dateModified\":\"2023-08-23T14:28:48+00:00\",\"description\":\"PowerPoint\u2019s Design Ideas sometimes uses poor contrasting colours. This is bad practice for accessibility.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2021\\\/07\\\/iStock-936347610.jpg?fit=683%2C512&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2021\\\/07\\\/iStock-936347610.jpg?fit=683%2C512&ssl=1\",\"width\":\"683\",\"height\":\"512\",\"caption\":\"Human crowd forming a big number three on white background.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/2021\\\/07\\\/20\\\/ppt-design-ideas-part-3-contrast\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Three ways PowerPoint&#8217;s &#8220;Design Ideas&#8221; excludes your audience, and how to fix it: Part 3 &#8211; Insufficient colour contrast.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#website\",\"url\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/\",\"name\":\"Digital Learning\",\"description\":\"Consult | Collaborate | Create\",\"publisher\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#organization\",\"name\":\"Digital Learning\",\"url\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i2.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2017\\\/09\\\/cropped-dltdevice.png?fit=512%2C512\",\"contentUrl\":\"https:\\\/\\\/i2.wp.com\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/wp-content\\\/uploads\\\/sites\\\/321\\\/2017\\\/09\\\/cropped-dltdevice.png?fit=512%2C512\",\"width\":512,\"height\":512,\"caption\":\"Digital Learning\"},\"image\":{\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/#\\\/schema\\\/person\\\/ae2be621ff6c68cce6b17ee35c53f496\",\"name\":\"Matthew Deeprose\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4ef22a6c313d2eb42c8def43382e11960074491c18f6ff43f4e1d68e1c90d37f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4ef22a6c313d2eb42c8def43382e11960074491c18f6ff43f4e1d68e1c90d37f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4ef22a6c313d2eb42c8def43382e11960074491c18f6ff43f4e1d68e1c90d37f?s=96&d=mm&r=g\",\"caption\":\"Matthew Deeprose\"},\"url\":\"https:\\\/\\\/generic.wordpress.soton.ac.uk\\\/digital-learning\\\/author\\\/matthew-deeprose\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Three ways PowerPoint's \"Design Ideas\" excludes your audience, and how to fix it: Part 3 - Insufficient colour contrast. - Digital Learning","description":"PowerPoint\u2019s Design Ideas sometimes uses poor contrasting colours. This is bad practice for accessibility.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/","og_locale":"en_GB","og_type":"article","og_title":"Three ways PowerPoint's \"Design Ideas\" excludes your audience, and how to fix it: Part 3 - Insufficient colour contrast. - Digital Learning","og_description":"PowerPoint\u2019s Design Ideas sometimes uses poor contrasting colours. This is bad practice for accessibility.","og_url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/","og_site_name":"Digital Learning","article_published_time":"2021-07-20T08:54:50+00:00","article_modified_time":"2023-08-23T14:28:48+00:00","og_image":[{"width":683,"height":512,"url":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-936347610.jpg?fit=683%2C512&ssl=1","type":"image\/jpeg"}],"author":"Matthew Deeprose","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Matthew Deeprose","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/#article","isPartOf":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/"},"author":{"name":"Matthew Deeprose","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#\/schema\/person\/ae2be621ff6c68cce6b17ee35c53f496"},"headline":"Three ways PowerPoint&#8217;s &#8220;Design Ideas&#8221; excludes your audience, and how to fix it: Part 3 &#8211; Insufficient colour contrast.","datePublished":"2021-07-20T08:54:50+00:00","dateModified":"2023-08-23T14:28:48+00:00","mainEntityOfPage":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/"},"wordCount":1180,"commentCount":0,"publisher":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#organization"},"image":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-936347610.jpg?fit=683%2C512&ssl=1","keywords":["accessibility","Ask us","PowerPoint"],"articleSection":["Accessibility","Creating content","Tech tips"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/","url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/","name":"Three ways PowerPoint's \"Design Ideas\" excludes your audience, and how to fix it: Part 3 - Insufficient colour contrast. - Digital Learning","isPartOf":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#website"},"primaryImageOfPage":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/#primaryimage"},"image":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-936347610.jpg?fit=683%2C512&ssl=1","datePublished":"2021-07-20T08:54:50+00:00","dateModified":"2023-08-23T14:28:48+00:00","description":"PowerPoint\u2019s Design Ideas sometimes uses poor contrasting colours. This is bad practice for accessibility.","breadcrumb":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/#primaryimage","url":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-936347610.jpg?fit=683%2C512&ssl=1","contentUrl":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-936347610.jpg?fit=683%2C512&ssl=1","width":"683","height":"512","caption":"Human crowd forming a big number three on white background."},{"@type":"BreadcrumbList","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-3-contrast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/"},{"@type":"ListItem","position":2,"name":"Three ways PowerPoint&#8217;s &#8220;Design Ideas&#8221; excludes your audience, and how to fix it: Part 3 &#8211; Insufficient colour contrast."}]},{"@type":"WebSite","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#website","url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/","name":"Digital Learning","description":"Consult | Collaborate | Create","publisher":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#organization","name":"Digital Learning","url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#\/schema\/logo\/image\/","url":"https:\/\/i2.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/09\/cropped-dltdevice.png?fit=512%2C512","contentUrl":"https:\/\/i2.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2017\/09\/cropped-dltdevice.png?fit=512%2C512","width":512,"height":512,"caption":"Digital Learning"},"image":{"@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/#\/schema\/person\/ae2be621ff6c68cce6b17ee35c53f496","name":"Matthew Deeprose","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/4ef22a6c313d2eb42c8def43382e11960074491c18f6ff43f4e1d68e1c90d37f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4ef22a6c313d2eb42c8def43382e11960074491c18f6ff43f4e1d68e1c90d37f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4ef22a6c313d2eb42c8def43382e11960074491c18f6ff43f4e1d68e1c90d37f?s=96&d=mm&r=g","caption":"Matthew Deeprose"},"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/author\/matthew-deeprose\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-936347610.jpg?fit=683%2C512&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/paQv07-1FL","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":6370,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/design-ideas-three-ways-overview\/","url_meta":{"origin":6433,"position":0},"title":"Overview: three ways PowerPoint&#8217;s &#8220;Design Ideas&#8221; excludes your audience, and how to fix it.","author":"Matthew Deeprose","date":"20 July 2021","format":false,"excerpt":"PowerPoint\u2019s Design Ideas feature helps us create attractive slides quickly. Unfortunately, some of its suggestions do not follow accessibility best practice, creating barriers that may exclude members of your audience. In this blog post we explain three issues and how to fix them.","rel":"","context":"In &quot;Accessibility&quot;","block_context":{"text":"Accessibility","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/creating-content\/accessibility\/"},"img":{"alt_text":"The design ideas icon beside an crying face emoji","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/overview.png?fit=637%2C397&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/overview.png?fit=637%2C397&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/overview.png?fit=637%2C397&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":6418,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-1-all-caps\/","url_meta":{"origin":6433,"position":1},"title":"Three ways PowerPoint&#8217;s &#8220;Design Ideas&#8221; excludes your audience, and how to fix it: Part 1 &#8211; Setting text in &#8220;all caps&#8221;.","author":"Matthew Deeprose","date":"20 July 2021","format":false,"excerpt":"Text in all caps can present a barrier to readers with dyslexia. Moreover, it slows down reading speed for all. Design Ideas will often set short bullet points in all caps. Find out how to fix this and more.","rel":"","context":"In &quot;Accessibility&quot;","block_context":{"text":"Accessibility","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/creating-content\/accessibility\/"},"img":{"alt_text":"Human crowd forming a big number one on white background.","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-935760396.jpg?fit=683%2C512&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-935760396.jpg?fit=683%2C512&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-935760396.jpg?fit=683%2C512&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":6427,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/07\/20\/ppt-design-ideas-part-2-centre-alignment\/","url_meta":{"origin":6433,"position":2},"title":"Three ways PowerPoint&#8217;s &#8220;Design Ideas&#8221; excludes your audience, and how to fix it: Part 2 &#8211; Centre alignment of longer text.","author":"Matthew Deeprose","date":"20 July 2021","format":false,"excerpt":"Centre-aligned text can be difficult to read if it spans more than one line in length. This can be a particular barrier to readers with dyslexia When presented in this way your presentation appears less professional. Design Ideas often centre aligns text. In this article we explain why it's important\u2026","rel":"","context":"In &quot;Accessibility&quot;","block_context":{"text":"Accessibility","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/creating-content\/accessibility\/"},"img":{"alt_text":"Human crowd forming a big number two on white background.","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-935760284.jpg?fit=683%2C512&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-935760284.jpg?fit=683%2C512&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/07\/iStock-935760284.jpg?fit=683%2C512&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":7721,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2023\/04\/27\/text-contrast-made-easy\/","url_meta":{"origin":6433,"position":3},"title":"How can we make accessible text colour choices at the University of Southampton?","author":"Matthew Deeprose","date":"27 April 2023","format":false,"excerpt":"Simple tools and techniques are available that help University of Southampton staff make accessible colour choices when presenting text.","rel":"","context":"In &quot;Accessibility&quot;","block_context":{"text":"Accessibility","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/creating-content\/accessibility\/"},"img":{"alt_text":"Sufficient contrast helps your text stand out and be accessible","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/04\/iStock-1253473993.jpg?fit=1200%2C720&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":6163,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2021\/04\/04\/how-can-i-use-colour-accessibly\/","url_meta":{"origin":6433,"position":4},"title":"How can I use colour accessibly?","author":"Matthew Deeprose","date":"4 April 2021","format":false,"excerpt":"The University of Kent runs a successful series of Digitally Enhanced Education webinars. One of which was on the theme of Technology to Develop Inclusive Learning Experiences. I presented \"Making it simple to ensure the use of colour is both on brand and accessible\". Watch the recording below or read\u2026","rel":"","context":"In &quot;Accessibility&quot;","block_context":{"text":"Accessibility","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/creating-content\/accessibility\/"},"img":{"alt_text":"Colour contrast ratios we should use. 3:1 or higher for graphics, 4.5:1 of higher is the minimum for text. 7:1 or higher is meets an enhanced level.","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?fit=1200%2C580&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?fit=1200%2C580&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?fit=1200%2C580&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?fit=1200%2C580&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2021\/04\/ratios.png?fit=1200%2C580&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":7524,"url":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/2023\/02\/24\/tef-accessibility\/","url_meta":{"origin":6433,"position":5},"title":"How did we make the University\u2019s Teaching Excellence Framework (TEF) submission more accessible?","author":"Matthew Deeprose","date":"24 February 2023","format":false,"excerpt":"The process was a great learning exercise and provided hands-on experience for those involved in the principles of accessible documents.","rel":"","context":"In &quot;Accessibility&quot;","block_context":{"text":"Accessibility","link":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/category\/creating-content\/accessibility\/"},"img":{"alt_text":"Launching into accessibility with our TEF submission","src":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/02\/iStock-1359000309-1.jpg?fit=1200%2C738&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/02\/iStock-1359000309-1.jpg?fit=1200%2C738&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/02\/iStock-1359000309-1.jpg?fit=1200%2C738&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/02\/iStock-1359000309-1.jpg?fit=1200%2C738&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-content\/uploads\/sites\/321\/2023\/02\/iStock-1359000309-1.jpg?fit=1200%2C738&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/posts\/6433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/users\/918"}],"replies":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/comments?post=6433"}],"version-history":[{"count":13,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/posts\/6433\/revisions"}],"predecessor-version":[{"id":8241,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/posts\/6433\/revisions\/8241"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/media\/6434"}],"wp:attachment":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/media?parent=6433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/categories?post=6433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/digital-learning\/wp-json\/wp\/v2\/tags?post=6433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}