![\"Decorative](\"http:\/\/blogs.sussex.ac.uk\/tel\/files\/2018\/11\/CanvasKnowhow6.png\")
<\/a>When developing your teaching materials in Canvas, it is important to consider online standards of accessibility to ensure that your content is inclusive of as many individual students as possible. This is important to ensure that equal access and opportunity is provided to all students including consideration for those who may diverse levels of ability for processing information. To support you in this, Canvas has a built in Accessibility checker feature in the Rich Content Editor that will help you to do this.<\/span><\/p>\nThe accessibility checker will check for 11 different accessibility errors in total: <\/span><\/p>\n The Accessibility checker is a feature within the Rich Content Editor, which is used for editing all pages and descriptive text within your Canvas modules. It can be used for checking accessibility of specific pieces of content that you editing. <\/span><\/p>\n Select the button from the Rich Content Editor toolbar to begin a check.<\/span><\/p>\n The accessibility checker button is positioned as the last button on the Rich Content Editor toolbar.<\/p><\/div>\n After selecting the icon the Accessibility checker menu will appear on the right hand sign of the screen. If any accessibility errors are detected then they will be highlighted in a blue overlay. <\/span><\/p>\n Text highlights indicating errors appear within the Rich Content Editor content preview after a check has run.<\/p><\/div>\n Where issues are detected, the Accessibility checker menu will explain the nature of the issue encountered and offer guidance on how to correct each issue. <\/span><\/p>\n The accessibility checker has displayed a box allowing the text colour within the blue overlay to be altered.<\/p><\/div>\n In the example above the text header colour has a contrast ratio that is too low against the page background colour. This means that students, especially those with visual impairments may find it hard to read the text due to the difference in colour between the text and the background. As a result, the Accessibility checker has detected this and offered the option of changing the text to a more accessible colour.<\/span><\/p>\n An image of the Accessibility checker showing the option to alter the text colour.<\/p><\/div>\n Once it has detected that an appropriate colour has been chosen it will allow you to click apply and resolve the issue.<\/span><\/p>\n The Accessibility checker changes can be applied by clicking the Apply button that appears in the bottom right hand corner.<\/p><\/div>\n If there are any other issues detected the checker will then move onto them, once all detected issues have been corrected the below screen will be displayed. This screen will also display if the Accessibility checker is used and no issues are detected. <\/span><\/p>\n The Accessibility checker menu displays three balloons floating and showing text saying that no accessibility issues were detected.<\/p><\/div>\n Please note that whilst the Accessibility checker does check for a range of accessibility issues it is not fully comprehensive and only acts as an supplemental aid in making your site more accessible. <\/span><\/p>\n Please see the <\/span>Accessibility within Canvas <\/span><\/a>and <\/span>General Accessibility Design Guidelines <\/span><\/a>pages for more information on Accessibility within Canvas.<\/span><\/p>\n For more general information on web content accessibility guidelines please see the <\/span>WCAG overview page<\/span><\/a>. <\/span><\/p>\n
<\/a><\/a><\/a><\/a><\/a><\/a>Share this:<\/h3>