Mistake: Adding URLs as the link text and or using non descriptive link text such as "click here" or "learn more."

Impact: Vague link text makes it challenging to navigate web pages effectively. Users may open incorrect links or struggle to find the information they need. Screen reader users often navigate by listening to a list of links. Non-descriptive text like "click here" or "read more" provides no context, making it impossible to understand the link's destination.

Solution: Links should be descriptive of the content they're linking to, such as 'Class Schedule' rather than 'schedule.html' or 'click here.'

Mistake: Using font size or bolding to create headings instead of Canvas's built-in heading styles. Every page needs a top level header which is Canvas is h2. 

Impact: Screen reader users rely on heading structure for navigation, and improper structure disrupts this. Users not using assistive technology rely on header structure to understand the content being displayed. So let's make it make sense!

Solution: Utilize Canvas's Rich Content Editor to apply proper heading levels (Heading 1, Heading 2, etc.) to create a logical hierarchy. Nest headings by their rank (or level). The most important heading has the rank 1 (h1) in HTML files or rank 2 (h2) in course content, the least important heading rank 6 (h6). Headings with an equal or higher rank start a new section, headings with a lower rank start new subsections that are part of the higher ranked section. Skipping heading ranks can be confusing and should be avoided.

Mistake: Posting videos or audio content without captions or transcripts.

Impact: Students with hearing impairments cannot access the audio content.

Solution: Provide accurate captions for videos and transcripts for audio content. Auto generated captions must be manually checked for accuracy.

Mistake: Failing to provide descriptive alt text for images, or using generic phrases like "image." Alternative Text Should Not Be the Image Filename.

Impact: Screen reader users cannot understand the context of visual content.

Solution: Provide concise, descriptive alt text that conveys the image's purpose and relevant details. If an image is purely decorative, mark it as such.

Mistake: Uploading scanned or untagged PDFs and documents that are not optimized for screen readers. This includes use of PDFs that are missing titles.

Impact: Screen reader users cannot access the content within these files.

Solution: Ensure documents are properly formatted with headings, tags, logical reading order, document title, and alternative text before uploading. Utilize accessibility checkers within document creation software.

Mistake: Using color alone to indicate important information, such as deadlines or required actions.
Impact: Students with color blindness or visual impairments may miss crucial details.

Solution: Supplement color cues with text labels, symbols, or patterns.

Mistake: Using text and background colors with low contrast, making it difficult to read.

Impact: Students with visual impairments or low vision may struggle to read the text.

Solution: Use color contrast analyzers to ensure sufficient contrast between text and background.

Mistake: Using quiz question types that are difficult for screen reader users, such as drag-and-drop or matching.

Impact: Screen reader users may be unable to complete these types of questions.

Solution: Provide alternative versions of quizzes or use accessible question types.

Mistake: Creating course pages that do not have any headings. All pages must at least have a top level header (h1). 

Impact: Missing headers are difficult for screen readers to understand the logic of the content. All users need headings to understand the structure of the page content.

Solution: Add headings to the page to organize the content for sighted and screen reader users. The headings should represent an accurate outline of the content. Headings need to be in logical hierarchy order. All pages must start with a top level h1 heading. Followed by h2, h3. Headings may go back up one level and will remain in compliance.

Mistake: Linking to and/or embedding files by using the file name as the link rather than a descriptive link text.

Impact: File names may not be descriptive as to what the file actually is and this is confusing for the user. 

Solution: Change the embedding file or link to the file with a descriptive text. For example, instead of embedding a file B12_lab1.doc, change the link to "Botany Module 12 - Lab 1," etc. Again, make it make sense!

Mistake: Lack of table headers including row and column headers.

Impact: Table headers provide a description of the table structure for sighted and screen reader users.

Solution: Ensure all tables have appropriate row and column headers.

Mistake: Use of bold, italics and/or color to communicate importance and/or page structure rather than using headings.

Impact: Users cannot easily understand how the content is structured which decreases usability and comprehension.

Solution: Bold and Italics are used to emphasize text, whereas headings are used to define the structure of the document. Headings like h1-h6 are extremely useful for non-sighted users to navigate the structure of the page, and formatting a paragraph to just be big or bold, while it might visually look like a heading, does not make it one.

Mistake: Embedded media may not be viewable on mobile devices, the multimedia objects are not accompanied with a link to a transcript of the content, and/or the embedded media uses an 'Object' tag and may require the user to install a plugin to view.

Impact: This can create support and access issues for some users. In addition, users may not be able to view the content. 

Solution: Provide transcripts and alternative formats for embedded media. Do not use embedded media that requires the user to install additional plugins to view. Check embedded media on mobile devices to ensure it can be properly viewed on all devices.

Mistake: Use of older elements of HTML that are no longer considered accessible, and have therefore been deprecated.

Impact: Deprecated HTML cannot be viewed by the user and therefore the emphasis is not understood.

Solution: Do not use basefont tags, font tags, marquee tags, and/or blink tags, which should not be used, ever.