Below are some tips for fixing accessibility issues in Canvas after the fact, followed by tips for preventing issues from arising in the first place. You can learn more about accessibility & universal design at webaim.org & cast.org. A short link to a handout version of this resource is at: bit.ly/canvasaccessibility
How to Fix Accessibility Issues in Your Canvas Course
- Student Support – The course should include information about the Office for Students with Disabilities (OSD) and how students with disabilities may receive accommodations
- See this sample Student Support Services page
- Software – Check the accessibility of all tools and software used in the course
- Web Pages – Check Canvas content with the Canvas accessibility checker or Ally
- Web Links – Check that all your links are up to date and have descriptive text
- Images – In addition to checking that all images have alt text:
- Image file sizes should be small (ideally under 500kb). Resize with a photo editor
- Complex figures should have rich descriptions and be usable in black and white
- Images that do not provide content should be marked as decorative
- Videos – all videos and audio should have correct captions or transcripts
- Files – All files and documents should be checked for accessibility
- Use the Office Accessibility Checker to make Word documents accessible and PowerPoint presentations
- Create and verify PDF accessibilty using Acrobat Pro or use alternatives to PDF
- Math – All math equations and formulas should have alt text or MathML representations
- Alternative Formats – A separate accessible version of content should be made available when there is no other way to make it accessible
- Assignments & Quizzes – All assignments and online activities should have clear expectations to help students understand how to do them and why they are doing them
- Student View – Check the course in student view for broken or inaccessible functionality
- Mobile Compatibility – Check the course for usability in the Canvas Student app
How to Prevent Accessibility Issues in Your Canvas Course
- Modules – Use the modules page as the primary place where you build and organize your course. Think of it as the table of contents or outline or to-do list for your course. If you have a reading or assignment or discussion for a particular week or unit, add it to the module for that week or unit. This way, everything associated with that week or unit will be more visible to you and your students. You can see in a glance if something is not available or unpublished that shouldn’t be, or if a requirement was not set, and so forth. See How do I add a module? and How do I add assignment types, pages, and files as module items?
- Don’t Copy & Paste – Don’t copy from other courses or websites or documents into Canvas. If you do, the text will copy over just fine (although it may mess up the text styles and fonts), but images will not copy over like they would when copying and pasting into a Word document. Images have to be downloaded from the other site (right click on the image and choose ‘save image as’), and then you can upload and insert the image into Canvas, entering alt text when doing so. When copying content from another Canvas course, use the course import tool to ensure all images and links are fixed. Use the link validator to check for any broken images or links.
- Images – When inserting an image, always remember to set the alt text with a description of what is in the image for screen readers. If you want to embed a very large image, reduce its file size with a photo editor first. See: How do I embed images from Canvas into the Rich Content Editor?
- Tables – Minimize your use of tables, but when you do use them, set a caption and header row or column in the table properties. Do not set the width of a table or table cell to a fixed value, use percentages instead. Reduce the number of columns for readability on mobile devices. See How do I insert a table using the Rich Content Editor?
- Text Color – You should not use color or font size alone to distinguish text or convey importance. See How do I add and modify text in the Rich Content Editor? Check that color contrast is sufficient using this Color Contrast Checker from WebAIM.
- Videos – Speak clearly when recording videos and audio so that automatic captions will be more accurate and save you time with making any corrections. Also check that in the Canvas Student app the video can play full-screen. On Youtube, click the share button to copy the embed code for a video and then insert the embed code in your page.
- Documents – Use the built-in Accessibility Checker when creating Word documents.
- Math – Use the Canvas Math Editor or WIRIS app to generate equations and formulas.
- Assignments – Use rubrics and transparent assignment templates and techniques.