Utilizing Descriptive Text

2017-10-06T03:24:57Z

Carisa19:

Inadequate Color Contrast

2017-10-06T03:24:38Z

Carisa19:

2017-10-06T03:07:20Z

Carisa19:

{{TwoColumn|lead=
Why and where to insert Alt Text in your Canvas page.
|content=
Alt Text (or, Alternative Text) and captions provide a description of visual media (e.g. images, video) so that those who are using a screen reader can understand what the media is.

===Alt Text===
Canvas provides a place to include alt text, but you will need to enter it manually.

'''Default Alt Text (name of the image)'''
Canvas automatically populates the "Alt text" field for an image with the name of the file as the alternative text, but this is not the correct practice for providing alt text for an image.

For instance, the file name of the image below is '''kids-tech-revised.jpg,''' which Canvas automatically enters in the Alt text field.

====Screenshot of where to insert Alt text====
[[File:Screen Shot 2017-03-14 at 12.08.14 PM.png|center|300px|thumbnail|Where to insert alt text]]

It is important to change the automated alt text to text which better describes the image. This will provide users who are utilizing screen readers a better understanding of and context for what that particular media content is.
[[File:Kids-tech-revised.png|300px|thumbnail|center|Kids using tech example photo]]

'''An example of appropriate Alt text:''' One boy and two girls sitting on a couch with a smartphone, tablet, and laptop.

===Video Captioning===
Make sure that the video you link to or create includes captions or a transcript of the audio to assist screen readers.

To check if the YouTube video includes captioning, check the lower right-hand side of the screen for the '''CC icon.'''

'''NOTE:''' Make sure you check the accuracy of the captions on YouTube before you upload it to your site. YouTube includes automated captioning which can often be inaccurate in comparison to the actual audio.

[[File:Screen Shot 2017-02-12 at 5.44.16 PM.png|400px|thumbnail|center|Screenshot of Youtube Captioning]]

|sidebar=
====Accessibility Reasorces====
*[https://www.evergreen.edu/accessibility Evergreen's Guide on Accessible Technology ]
*[[Accessibility_Help|Accessibility Help Page ]]
*[[Tips_for_Providing_Barrier-Free_Access|Tips for Providing Barrier-Free Access]]
*[[Accessibility_Software|Accessibility Software]]
*[[Accessibility:_Where_to_Go_for_Help|Accessibility: Where to Go for Help]]
*[[Optical_Character_Recognition|Optical Character Recognition]]
====Creating Accessible Content====
*[[Accessible_Word_Documents|Accessible Word Documents]]
*[[Create_an_Accessible_PDF|Create an Accessible PDF]]
*[[Creating_Accessible_Math_Resources|Creating Accessible Math Resources]]
*[[Accessible_Spreadsheets|Accessible Spreadsheets]]
*[[Accessible_Video|Accessible Video]]
*[[Accessible_Canvas_Pages|Accessible Canvas Pages]]
*[[Accessible_WordPress_Pages|Accessible WordPress Pages ]]
*[[Accessibility_Within_Canvas_Checklist|Accessibility Within Canvas Checklist]]
*[[Learn_more_about_Accessibiliity_and_Inclusive_Design|Learn more about Accessibiliity and Inclusive Design]]
----
{{GetHelp}}
}}

Alt Text and Captioning

2017-10-06T03:06:24Z

Carisa19:

2017-10-06T02:57:08Z

Carisa19:

Alt Text and Captioning

2017-10-06T02:56:40Z

Carisa19:

File:Screen Shot 2017-03-14 at 12.08.14 PM.png

2017-10-06T02:42:51Z

Carisa19:

{{TwoColumn|lead=
Accessibility Checklist with How-To Guides
Use this checklist to make sure you've got an accessible website:
Click on the links below to learn more and improve the accessibility of your site.

|content=

*[[Utilizing_Headings_Within_Canvas|Is the page styled in proper heading format?]]

*[[Inadequate_Color_Contrast_Within_Canvas|Does the site provide adequate color contrast?]]

*[[Utilizing_Descriptive_Text_Within_Canvas|Do links use descriptive text?]]

*Are lists created properly using the built-in bulleting/numbering tool? [[Proper List Format]]

*Do images include alt (alternative) text? [[Alt Text and Captioning Within Canvas]]

*[[Accessible_Video|If you include videos, do the videos have captions and/or transcripts?]]

*[[Create_an_Accessible_PDF|Are PDFs Accessible? i.e. Can text be accessed by a screen reader?]]

===Checklist for Accessibility within specific Canvas Features===
* '''Quizzes:''' Instructors can moderate a quiz for individuals who require more time or need multiple attempts. To learn more see the [https://community.canvaslms.com/docs/DOC-9955 Canvas Guide for Quiz Exceptions].

* '''SpeedGrader and DocViewer:''' DocViewer is a tool built into Speed Grader that allows faculty to leave annotated feedback on student work. The annotations are accessible and can be read by screen readers.

* '''User Settings:''' The User Settings page had a feature option called High Contrast Style. Once enabled, this feature provides a higher contrast for buttons, tabs, and other areas throughout Canvas. To learn more see the [https://community.canvaslms.com/docs/DOC-10614 Canvas Guide for changing user settings].

|sidebar=
====Accessibility Reasorces====
*[https://www.evergreen.edu/accessibility Evergreen's Guide on Accessible Technology ]
*[[Accessibility_Help|Accessibility Help Page ]]
*[[Tips_for_Providing_Barrier-Free_Access|Tips for Providing Barrier-Free Access]]
*[[Accessibility_Software|Accessibility Software]]
*[[Accessibility:_Where_to_Go_for_Help|Accessibility: Where to Go for Help]]
*[[Optical_Character_Recognition|Optical Character Recognition]]
====Creating Accessible Content====
*[[Accessible_Word_Documents|Accessible Word Documents]]
*[[Create_an_Accessible_PDF|Create an Accessible PDF]]
*[[Creating_Accessible_Math_Resources|Creating Accessible Math Resources]]
*[[Accessible_Spreadsheets|Accessible Spreadsheets]]
*[[Accessible_Video|Accessible Video]]
*[[Accessible_Canvas_Pages|Accessible Canvas Pages]]
*[[Accessible_WordPress_Pages|Accessible WordPress Pages ]]
*[[Accessibility_Within_Canvas_Checklist|Accessibility Within Canvas Checklist]]
*[[Learn_more_about_Accessibiliity_and_Inclusive_Design|Learn more about Accessibiliity and Inclusive Design]]
----
{{GetHelp}}
}}