{"id":390,"date":"2021-04-29T12:13:47","date_gmt":"2021-04-29T12:13:47","guid":{"rendered":"http:\/\/craigrsmith.co.uk\/?page_id=390"},"modified":"2021-06-12T11:10:11","modified_gmt":"2021-06-12T11:10:11","slug":"3a-understanding-and-engaging-with-legislation","status":"publish","type":"page","link":"https:\/\/craigrsmith.co.uk\/?page_id=390","title":{"rendered":"Core Area 3: Subsection 3a"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">a) Understanding and engaging with legislation<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Accessibility<\/strong><\/h3>\n\n\n\n<p>At Staffordshire University, we use the Blackboard VLE. Blackboard\u00a0products are designed and developed in accordance with the internationally recognized <a rel=\"noreferrer noopener\" href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\"><strong>Web Content Accessibility (WCAG) Guidelines 2.1<\/strong><\/a> which covers a wide range of recommendations for making Web content more accessible. When creating modules, we refer to the <a href=\"https:\/\/help.blackboard.com\/sites\/default\/files\/documents\/2018-08\/AccessibilityChecklist_BestPractices.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Blackboard Accessibility Checklist<\/strong><\/a>:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/06\/Blackboard-Accessibility-Checklist.jpg\" alt=\"Blackboard Ally Accessibility Checklist\" class=\"wp-image-1072\" width=\"530\" height=\"750\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/06\/Blackboard-Accessibility-Checklist.jpg 530w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/06\/Blackboard-Accessibility-Checklist-212x300.jpg 212w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><figcaption>Blackboard Ally Accessibility Checklist<\/figcaption><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Blackboard Ally<\/h4>\n\n\n\n<p>At the top-left of the Blackboard Accessibility checklist, you will notice the Ally logo. That is Blackboard Ally, a tool that helps make course content in Blackboard accessible to all users, and it does this in the following ways:<\/p>\n\n\n\n<p>1) Ally automatically scans uploaded course content and provides colour-coded accessibility scores and feedback on how to improve the accessibility of the content.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-Grading.jpg\" alt=\"Diagram showing Ally grading\" class=\"wp-image-933\" width=\"572\" height=\"216\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-Grading.jpg 763w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-Grading-300x113.jpg 300w\" sizes=\"auto, (max-width: 572px) 100vw, 572px\" \/><\/figure><\/div>\n\n\n\n<p>For example, in this screenshot from one of our courses, the logo has a perfect accessibility score but the attached PowerPoint has a medium accessibility score:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally01.png\" alt=\"Screenshot showing Blackboard Ally Accessibility score: Perfect\" class=\"wp-image-920\" width=\"452\" height=\"193\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally01.png 602w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally01-300x128.png 300w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><figcaption>A perfect accessibility score in Blackboard Ally<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally02.png\" alt=\"Screenshot showing Blackboard Ally Accessibility score: Medium\" class=\"wp-image-921\" width=\"452\" height=\"196\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally02.png 602w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally02-300x130.png 300w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><figcaption>A medium accessibility score in Blackboard Ally<\/figcaption><\/figure><\/div>\n\n\n\n<p>Clicking on <strong>Click to improve<\/strong> brings up the following which shows that the PowerPoint presentation contains images that are missing an alternative description (alt text). The reason why this important is that alt text is used to assist users with screen readers. Once all the images are allocated an alternative description that conveys the full meaning of the image, then the accessibility score goes up.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally03-improvements.jpg\" alt=\"Screenshot showing Blackboard Ally's suggested improvements\" class=\"wp-image-925\" width=\"600\" height=\"294\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally03-improvements.jpg 800w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally03-improvements-300x147.jpg 300w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally03-improvements-768x376.jpg 768w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption>Screenshot showing Blackboard Ally&#8217;s suggested improvements<\/figcaption><\/figure><\/div>\n\n\n\n<p>2) Ally generates alternative accessible formats for uploaded files that users can download for their personal use. In the following example, a PowerPoint has been improved so that it shows a nearly perfect accessibility score. When the user&#8217;s mouse moves over the Ally icon, it shows that alternative formats are available:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"222\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-example.jpg\" alt=\"Screenshot showing very good Ally accessibility scores\" class=\"wp-image-928\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-example.jpg 800w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-example-300x83.jpg 300w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-example-768x213.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>An example showing very good accessibility scores<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"255\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-alternative-formats.jpg\" alt=\"Screenshot showing alternative formats icon\" class=\"wp-image-929\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-alternative-formats.jpg 800w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-alternative-formats-300x96.jpg 300w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-alternative-formats-768x245.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Alternative formats shows when mouse moves over Ally icon<\/figcaption><\/figure><\/div>\n\n\n\n<p>When the user clicks on <strong>Alternative formats<\/strong>, the following window opens up:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-download-alternative-formats.jpg\" alt=\"Screenshot showing download alternative formats window\" class=\"wp-image-930\" width=\"400\" height=\"361\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-download-alternative-formats.jpg 800w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-download-alternative-formats-300x271.jpg 300w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Ally-download-alternative-formats-768x693.jpg 768w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><figcaption>This shows the alternative formats available<\/figcaption><\/figure><\/div>\n\n\n\n<p>I have learnt that this is an excellent feature. I have tried this with a very long Microsoft Word document and it converted the file extremely quickly into an mp3 file. I was able to access this on my phone and listen to it while I had a walk one morning.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Colour Contrast Analyzer<\/h4>\n\n\n\n<p>One of the tools the Blackboard Accessibility Checklist refers to is the <strong>Paciello Group Contrast Analyzer<\/strong> which will tell you if there is sufficient contrast between text and the background. The following example, from my Digital Skills Induction module, shows that the contrast used in the menu is in accordance with WCAG guidelines:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Colour-Contrast-Analyser.jpg\" alt=\"Screenshot of Colour Contrast Analyser\" class=\"wp-image-913\" width=\"600\" height=\"527\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Colour-Contrast-Analyser.jpg 800w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Colour-Contrast-Analyser-300x263.jpg 300w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Colour-Contrast-Analyser-768x674.jpg 768w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption>Results from the Colour Contrast Analyzer<\/figcaption><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Accessibility help through the library<\/h4>\n\n\n\n<p>On all our modules, as well a link to the Institute of Policing Library page, there is also a <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/libguides.staffs.ac.uk\/studysmarter\" target=\"_blank\">Study Smarter with Technology<\/a><\/strong> link. This links to a University library page which lists many useful digital tools to help learners, such as <strong>Read Aloud<\/strong> and <strong>Dictate <\/strong>in Microsoft Office 365, and the Microsoft <strong>Immersive Reader<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Library-study-smarter.jpg\" alt=\"Screenshot of Blackboard module showing Study Smarter link\" class=\"wp-image-936\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Library-study-smarter.jpg 800w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Library-study-smarter-300x169.jpg 300w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Library-study-smarter-768x432.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>A policing module with a Study Smarter link<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"611\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Digital-Tools-for-accessibility.jpg\" alt=\"Screenshot of library page showing digital tools for accessibility\" class=\"wp-image-944\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Digital-Tools-for-accessibility.jpg 800w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Digital-Tools-for-accessibility-300x229.jpg 300w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Digital-Tools-for-accessibility-768x587.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Digital tools for accessibility on the Study Smarter page<\/figcaption><\/figure><\/div>\n\n\n\n<p>In the following video, I compared the <strong>Read Aloud<\/strong> tool in Microsoft Word with my own voice. Although the artificial voice doesn&#8217;t quite match the patterns of stress and intonation in my voice, the result still shows a very good text-to-speech system. We find that our students who have dyslexia find the Read Aloud tool very useful.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Comparing Voice with Synthetic\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/88W1wO7KoRM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption>The Read Aloud tool in Microsoft Word<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Reflection<\/h3>\n\n\n\n<p>Although the word &#8220;accessibility&#8221; usually means that people with disabilities, such as hearing, visual or mobility impairments, are given the chance to learn the course material as well as all the other students, it actually benefits <em>all<\/em> users. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Consistent navigation &#8211; not only does it make it easier for those who use screen readers, but it will make it easier for <em>all <\/em>users to navigate learning content.<\/li><li>Including a transcript or closed captions on a video &#8211; not only does this help learners who are hard of hearing or deaf, but it also helps <em>anyone else<\/em> on the course who happens to be in a noisy environment or who doesn&#8217;t have headphones.<\/li><li>Using a high colour contrast &#8211; not only does making viewing content easier for those with visual impairments, it also helps learners who are looking at the content in a bright environment.<\/li><\/ul>\n\n\n\n<p>I don&#8217;t consider myself to have a disability (apart from a slight problem with my eye, which I mention below) but I still find several of these accessibility tools extremely useful. For example, one tool that I like to use, especially when I&#8217;m out walking and I suddenly have a lightbulb moment, is the <strong>Dictate<\/strong> tool in Microsoft Office 365 and Online. I use the online version on my phone and find it extremely accurate to use, even with my slight Brummie twang. Apart from that, it is an excellent tool for people who aren&#8217;t very fast at typing. <\/p>\n\n\n\n<p>I completely understand why contrast is important. I have a problem in my right eye caused by a scar on the retina, very close to the fovea, which distorts my vision slightly. The result of this is that there are some contrast combinations which cause my eyes to ache. I run a Facebook group and I have to decline posts from people who use coloured backgrounds because I have varying degrees of difficulty reading them. I find that these two are the worst combinations in Facebook:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"106\" src=\"http:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Contrast.jpg\" alt=\"Image showing examples of contrasting text and backgrounds\" class=\"wp-image-951\" srcset=\"https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Contrast.jpg 400w, https:\/\/craigrsmith.co.uk\/wp-content\/uploads\/2021\/05\/Contrast-300x80.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><figcaption>Colour combinations commonly used in Facebook<\/figcaption><\/figure><\/div>\n\n\n\n<p>Unsurprisingly, the text with the green background fails all WCAG 2.1 results. The black text against the orange background causes me more discomfort than the green example and my eyes ache after just a few seconds if I try to read text with that colour contrast combination. However, what surprises me is that black text against orange background passes all WCAG 2.1 tests! It goes to show that just because a Web page passes colour contrast tests doesn&#8217;t mean the colour combination is acceptable.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>a) Understanding and engaging with legislation Accessibility At Staffordshire University, we use the Blackboard VLE. Blackboard\u00a0products are designed and developed in accordance with the internationally recognized Web Content Accessibility (WCAG) Guidelines 2.1 which covers a wide range of recommendations for making Web content more accessible. When creating modules, we refer to the Blackboard Accessibility Checklist: &hellip; <a href=\"https:\/\/craigrsmith.co.uk\/?page_id=390\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Core Area 3: Subsection 3a<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-390","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/craigrsmith.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/craigrsmith.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/craigrsmith.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/craigrsmith.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/craigrsmith.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=390"}],"version-history":[{"count":46,"href":"https:\/\/craigrsmith.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/390\/revisions"}],"predecessor-version":[{"id":1073,"href":"https:\/\/craigrsmith.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/390\/revisions\/1073"}],"up":[{"embeddable":true,"href":"https:\/\/craigrsmith.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/craigrsmith.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}