{"id":5957,"date":"2021-05-18T07:41:30","date_gmt":"2021-05-18T07:41:30","guid":{"rendered":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/?p=5957"},"modified":"2021-05-19T14:39:16","modified_gmt":"2021-05-19T14:39:16","slug":"colour-contrast","status":"publish","type":"post","link":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/2021\/05\/18\/colour-contrast\/","title":{"rendered":"Colour &amp; Contrast"},"content":{"rendered":"\n<p>When putting together new resources whether in Word, PowerPoint or any of Microsoft&#8217;s suite of apps you need to think about the colours you use, be it the background or text colour or even the colour and contrast of shapes, charts and images, especially when they include text.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><a href=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Font-Colour.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Font-Colour.jpg\" alt=\"Home ribbon font options\" class=\"wp-image-5958\" width=\"246\" height=\"308\" srcset=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Font-Colour.jpg 280w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Font-Colour-240x300.jpg 240w\" sizes=\"auto, (max-width: 246px) 100vw, 246px\" \/><\/a><figcaption>figure 1<\/figcaption><\/figure><\/div>\n\n\n\n<p>When picking images, fonts, and colours, you need to make sure the&nbsp;colours&nbsp;you use have enough contrast between text and background.  <\/p>\n\n\n\n<p>Best practice is to use high contrast colours, for example with a white background using a black or dark blue font or white on a dark blue background. <\/p>\n\n\n\n<p>Red\u2013green&nbsp;colour blindness&nbsp;is the most&nbsp;common&nbsp;form, followed by blue\u2013yellow&nbsp;color blindness&nbsp;and total&nbsp;color blindness so avoid these colour combinations.<\/p>\n\n\n\n<p>If text or graphics in your document are hard to read or to distinguish from the background, something needs changing.<\/p>\n\n\n\n<p>You should also avoid using&nbsp;colour&nbsp;as the only means of conveying information, make sure you add descriptive text as well.<\/p>\n\n\n\n<p>In all Microsoft office apps, the options to change font and background colours are found on the <strong>Home <\/strong>tab of the ribbon in the font section. You can select your choice of colours before beginning your work or highlight text you wish to change. see figure 1.<\/p>\n\n\n\n<p>An easy way to find out if you are getting it right is to use the Accessibility Checker.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Accessible Templates<\/h4>\n\n\n\n<p>Don&#8217;t worry help is at hand Microsoft offers a range of PowerPoint free templates and themes that are already accessible. They use using good contrasting colours, placeholder images, text, and headings, with instructions on how to easily adjust and change them. <\/p>\n\n\n\n<p>Check out this Microsoft training video below on<a href=\"https:\/\/www.microsoft.com\/en-us\/videoplayer\/embed\/RWfEys?pid=ocpVideo0-innerdiv-oneplayer&amp;postJsllMsg=true&amp;maskLevel=20&amp;market=en-us\" target=\"_blank\" rel=\"noreferrer noopener\"> using more accessible colours in your power presentations<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.microsoft.com\/en-us\/videoplayer\/embed\/RWfEys?pid=ocpVideo0-innerdiv-oneplayer&amp;postJsllMsg=true&amp;maskLevel=20&amp;market=en-us\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Colour-and-Contrast-video-thumbnail-1024x576.png\" alt=\"image of thumbnail for Microsoft video on  using more accessible colours .\" class=\"wp-image-5962\" srcset=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Colour-and-Contrast-video-thumbnail-1024x576.png 1024w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Colour-and-Contrast-video-thumbnail-300x169.png 300w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Colour-and-Contrast-video-thumbnail-768x432.png 768w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Colour-and-Contrast-video-thumbnail-1536x864.png 1536w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Colour-and-Contrast-video-thumbnail-1440x810.png 1440w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Colour-and-Contrast-video-thumbnail.png 1688w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>As well as colour and contrast reading order is also a key part of making a PowerPoint accessible as this determines the order in which a screen reader will read the contents aloud.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/support.microsoft.com\/en-us\/office\/video-create-more-accessible-slides-794fc5da-f686-464d-8c29-1c6ab8515465?wt.mc_id=otc_accessibility_video_training&amp;ui=en-US&amp;rs=en-US&amp;ad=US\" target=\"_blank\" rel=\"noreferrer noopener\">Create the correct reading order in PowerPoint<\/a><\/div>\n<\/div>\n\n\n\n<p>If you have any questions contact the Digital Learning Team at: <a rel=\"noreferrer noopener\" href=\"mailto:digitallearning@loucoll.ac.uk\" target=\"_blank\">digitallearning@loucoll.ac.uk<\/a> and don\u2019t forget to check our blog again tomorrow for the next installment in our Accessibility bite size blog series.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When putting together new resources whether in Word, PowerPoint or any of Microsoft&#8217;s suite of apps you need to think about the colours you use, be it the background or text colour or even the colour and contrast of shapes, charts and images, especially when they include text. When picking &hellip;<\/p>\n","protected":false},"author":119,"featured_media":6013,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[181,182,153],"tags":[],"class_list":["post-5957","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-accessibility-bite-size","category-news"],"acf":[],"_links":{"self":[{"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/posts\/5957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/users\/119"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/comments?post=5957"}],"version-history":[{"count":10,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/posts\/5957\/revisions"}],"predecessor-version":[{"id":6032,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/posts\/5957\/revisions\/6032"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/media\/6013"}],"wp:attachment":[{"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/media?parent=5957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/categories?post=5957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/tags?post=5957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}