Alt Text and Captioning - Revision history

Irishb at 18:43, 30 October 2018

2018-10-30T18:43:41Z

Irishb at 18:41, 30 October 2018

2018-10-30T18:41:01Z

Irishb at 17:02, 30 October 2018

2018-10-30T17:02:07Z

Irishb at 00:30, 10 May 2018

2018-05-10T00:30:31Z

Carpenti at 23:57, 9 May 2018

2018-05-09T23:57:12Z

Carpenti at 23:55, 9 May 2018

2018-05-09T23:55:45Z

Carpenti at 23:55, 9 May 2018

2018-05-09T23:55:23Z

Carpenti at 23:33, 9 May 2018

2018-05-09T23:33:21Z

Carpenti at 23:07, 9 May 2018

2018-05-09T23:07:23Z

Irishb at 21:51, 9 May 2018

2018-05-09T21:51:01Z

@@ Line 3: / Line 3: @@
 |content=
 ==What is Alt Text?==
-Alt Text (or "Alternative Text") provides text-based descriptions of media content to aid people who are utilizing screen readers so that they can have a better understanding of and context for what that particular content is. A screen reader is an assistive technology available through a computer which can read digital content aloud to a user.
+Alt Text (or "Alternative Text") is a brief text-based description of media content for people who are using screen readers so they can have an understanding of, and context for, what that particular content is. A screen reader is an assistive technology available through a computer which can read digital content aloud to a user.

@@ Line 13: / Line 13: @@
 * at the '''Files''' page using drag-and-drop or selecting it from your computer
 * by uploading it to your own Canvas file storage
-* into a '''Module''' using the '''+''', '''Add''' and '''File''' option ('''AVOID''' this option as you will not be able to add alt text)
+* AVOID adding image files into '''Modules''' as there is not a way to add alt text.
-But the only options which allow you to add Alt Text when adding the image are:
+NOTE: The only options which allow you to add Alt Text when adding/uploading the image are:
 * the '''Images''' tab in the Links-Files-Images sidebar
 * the '''Embed Image''' tool
-If you add images using any of the other methods, you will need to add alt text when you insert the image into a page or activity.
@@ Line 27: / Line 28: @@
 [[File:Screen Shot 2018-04-17 at 2.54.36 PM.png|150px|thumbnail|center|Where you can insert Alt Text to your image from the sidebar]]
-Canvas makes this easy by prompting you to include alt text in the file upload window's '''Alternative text''' field.
+After you have selected the file for upload, you will need to include alt text in the file upload window's '''Alternative text''' field before you can click on the Upload button.
 [[File:Screen Shot 2018-04-17 at 2.55.57 PM.png|150px|thumbnail|center|Remember to add the Alternative Text.]]
@@ Line 33: / Line 34: @@
-====Alt Text From the Canvas File Page====
+====Adding Alt Text via the Embed Image Tool====
-Canvas provides a place to include Alt Text (Alternative Text), but you will need to enter it manually.
+When using the '''Embed Image''' tool in the Rich Content Editor, Canvas will automatically fill the "Alt text" field with the name of the file.
-'''Default Alt Text (name of the image)'''
+For instance, the file name of the image below is '''kids-tech-revised.jpg,''' which Canvas automatically enters in the "Alt text" field.
-Canvas automatically populates the "Alt text" field for an image with the name of the file as the alternative text, but using the name of the file is not the correct practice. Instead, please provide a brief description of the image as you would for someone who can not see it.
 [[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.
+By changing the information from a file name to a brief description of the image, you will provide users who are utilizing screen readers a better understanding of, and context for, what that particular image content is.
 [[File:Kids-tech-revised.png|300px|thumbnail|center| kids-tech-revised.jpg]]
 '''An example of appropriate Alt Text:''' One boy and two girls sitting on a couch with a smartphone, tablet, and laptop.

@@ Line 2: / Line 2: @@
 Why and Where to Provide Alt Text in your Web-based Content.
 |content=
-==Alt Text==
+==What is Alt Text?==
 Alt Text (or "Alternative Text") provides text-based descriptions of media content to aid people who are utilizing screen readers so that they can have a better understanding of and context for what that particular content is. A screen reader is an assistive technology available through a computer which can read digital content aloud to a user.
-===Alt Text in Canvas===
+===How to include Alt Text in Canvas===
-You can upload image files to your Canvas site from two locations, the '''Sidebar''', and the '''Canvas File page'''. Both options provide you with a space to provide Alternative Text to describe the content of the image you are adding to your site.
+There are several ways to add image files to your Canvas site:
 ====Adding Alt Text From the Sidebar====
-Through the sidebar's '''Image tab''' you can upload image files from your computer and add alt text at the same time.
+Through the sidebar's '''Images tab''' you can upload image files from your computer and add alt text at the same time.
 [[File:Screen Shot 2018-04-17 at 2.54.36 PM.png|150px|thumbnail|center|Where you can insert Alt Text to your image from the sidebar]]

@@ Line 1: / Line 1: @@
 {{TwoColumn|lead=
-Why and where to insert Alt Text in your Web Based Content.
+Why and Where to Provide Alt Text in your Web-based Content.
 |content=
 ==Alt Text==
-Alt Text (or "Alternative Text") provides text-based descriptions of media content to aid users who are utilizing screen readers so that they can have a better understanding of and context for what that particular content is.
+Alt Text (or "Alternative Text") provides text-based descriptions of media content to aid people who are utilizing screen readers so that they can have a better understanding of and context for what that particular content is. A screen reader is an assistive technology available through a computer which can read digital content aloud to a user.
 ===Alt Text in Canvas===
-You can upload image files to your Canvas site from two locations, the '''Sidebar''', and the '''Canvas File page'''. Both options provide you with a space to insert Alternative Text to describe the content you are uploading for students utilizing screen readers.
+You can upload image files to your Canvas site from two locations, the '''Sidebar''', and the '''Canvas File page'''. Both options provide you with a space to provide Alternative Text to describe the content of the image you are adding to your site.
 ====Adding Alt Text From the Sidebar====
-Through the sidebar's '''Image tab''' you can upload image files from your computer and add Alternative Text in the upload window.
+Through the sidebar's '''Image tab''' you can upload image files from your computer and add alt text at the same time.
 [[File:Screen Shot 2018-04-17 at 2.54.36 PM.png|150px|thumbnail|center|Where you can insert Alt Text to your image from the sidebar]]
-When you upload a file directly from your computer using the Image tab in the sidebar, Canvas '''will not automatically generate Alt Text for that Image'''. So it is important to add descriptive Alt Text. Canvas makes this easy by prompting you to put in alt text after you upload a file from your computer using the sidebar.
+Canvas makes this easy by prompting you to include alt text in the file upload window's '''Alternative text''' field.
 [[File:Screen Shot 2018-04-17 at 2.55.57 PM.png|150px|thumbnail|center|Remember to add the Alternative Text.]]

← Older revision		Revision as of 23:57, 9 May 2018
Line 39:		Line 39:
	'''An example of appropriate Alt Text:''' One boy and two girls sitting on a couch with a smartphone, tablet, and laptop.		'''An example of appropriate Alt Text:''' One boy and two girls sitting on a couch with a smartphone, tablet, and laptop.

−	Unlike uploading an image from the sidebar, when using the embed image feature you will not be prompted to input correct Alt Text, so it is important to pay attention to the automatically propagated Alt Text and change as needed.	+
		+	'''Note:''' Unlike uploading an image from the sidebar, when using the embed image feature you will not be prompted to input correct Alt Text, so it is important to pay attention to the automatically propagated Alt Text and change as needed.

← Older revision		Revision as of 23:07, 9 May 2018
Line 8:		Line 8:
	===Alt Text in Canvas===		===Alt Text in Canvas===

−	You can upload image files to your Canvas site from two locations, the '''Sidebar''', and the '''Canvas File page'''. Both options provide you with a space to insert Alt Text to describe the content you are uploading for screen readers.	+	You can upload image files to your Canvas site from two locations, the '''Sidebar''', and the '''Canvas File page'''. Both options provide you with a space to insert Alt Text to describe the content you are uploading for students utilizing screen readers.