1 00:00:00,599 --> 00:00:04,194 This video is going to show alternate text best practices 2 00:00:04,257 --> 00:00:07,348 for Section Five away compliance. What exactly is 3 00:00:07,411 --> 00:00:11,259 alternate text while formative images are any images that add 4 00:00:11,322 --> 00:00:15,297 to the context of a page, if the content of a page would suffer 5 00:00:15,360 --> 00:00:19,145 if an image was removed, then that image is informative, and 6 00:00:19,208 --> 00:00:22,993 it needs to have alternate text. The alternate text needs to 7 00:00:23,056 --> 00:00:27,093 describe the image as concisely as possible. As a rule of thumb, 8 00:00:27,156 --> 00:00:30,815 avoid writing text alternatives longer than 100 characters 9 00:00:30,878 --> 00:00:34,915 having long alternate text will result in a poor user experience 10 00:00:34,978 --> 00:00:38,637 for those using screen readers. If the image requires that 11 00:00:38,700 --> 00:00:42,485 lengthier description it is better to describe the image and 12 00:00:42,548 --> 00:00:45,955 the content and provide a shorter alt text, this slide 13 00:00:46,018 --> 00:00:49,739 represents some alternate text best practices. I'm going to 14 00:00:49,803 --> 00:00:53,714 first begin with some of the not best practices. So we want to 15 00:00:53,777 --> 00:00:57,877 avoid having a file extension as the alternate texts. You want to 16 00:00:57,940 --> 00:01:01,977 avoid using the words picture of or image of in alternate texts. 17 00:01:02,040 --> 00:01:06,015 And then if you can try to avoid using pictures of text, a best 18 00:01:06,078 --> 00:01:09,989 practice would be to ensure that all images are set to inline, 19 00:01:10,052 --> 00:01:13,837 which is a specific formatting option within Microsoft Word. 20 00:01:13,900 --> 00:01:17,874 You want to ensure that your alt text is clear and concise, and 21 00:01:17,937 --> 00:01:21,722 try to make it less than 100 characters if you can. And as a 22 00:01:21,785 --> 00:01:25,633 tip, some screen readers will announce the object first, when 23 00:01:25,696 --> 00:01:29,481 they encounter an image, for example, the screen reader will 24 00:01:29,544 --> 00:01:33,518 first read aloud the word image followed by the alternate text. 25 00:01:33,581 --> 00:01:37,556 In this alternate text example, we have a pretty basic image on 26 00:01:37,619 --> 00:01:41,025 the screen. And if we didn't have the alt text already 27 00:01:41,088 --> 00:01:44,810 provided, then it might be a little confusing to understand 28 00:01:44,873 --> 00:01:48,847 what the image is about. So in this example, the alternate text 29 00:01:48,910 --> 00:01:52,317 provides the context of the image. So we have Sir John 30 00:01:52,380 --> 00:01:55,786 Daniels illustration, Mad Hatter's Tea Party used line 31 00:01:55,849 --> 00:01:59,761 drawing, this image was used for a drawing course. And so that 32 00:01:59,824 --> 00:02:03,545 context really matters when developing alternate texts. Now 33 00:02:03,609 --> 00:02:07,015 if I wanted to put even more information onto the page 34 00:02:07,078 --> 00:02:10,548 itself, I could do something like this for the in depth 35 00:02:10,611 --> 00:02:14,333 description. Sir John Tenniel, the illustrator for Alice in 36 00:02:14,396 --> 00:02:17,928 Wonderland, use a technique called line drawing that use 37 00:02:17,991 --> 00:02:21,650 curved lines to add dimension and depth to his artwork. So 38 00:02:21,713 --> 00:02:24,993 anytime you are writing alternate text for an image, 39 00:02:25,056 --> 00:02:28,904 make sure you are considering the context in which it will be 40 00:02:28,968 --> 00:02:32,752 used. In this example, we have a decorative image decorative 41 00:02:32,816 --> 00:02:36,727 images are images that serve no specific purpose, meaning that 42 00:02:36,790 --> 00:02:40,133 they are not meant to convey any meaning or important 43 00:02:40,196 --> 00:02:44,107 information. In this case, it's best to use what is called the 44 00:02:44,170 --> 00:02:48,081 no alt text or empty alt text. And for this image on the right 45 00:02:48,145 --> 00:02:52,056 hand side, we're simply going to mark it as decorative. And we 46 00:02:52,119 --> 00:02:55,714 can do that within whatever authoring platform we are in. 47 00:02:55,777 --> 00:02:58,868 What about bar graphs, the graphic on your screen 48 00:02:58,932 --> 00:03:02,906 represents data from alternative media in 2022. In the fall 24, 49 00:03:02,969 --> 00:03:06,564 students were served with a total of 48 book requests. In 50 00:03:06,628 --> 00:03:10,286 the spring 22 students were served with a total of 46 book 51 00:03:10,349 --> 00:03:13,882 requests. In the winter, six students were served with a 52 00:03:13,945 --> 00:03:17,667 total of four book requests. In the summer 10 students were 53 00:03:17,730 --> 00:03:21,515 served with a total of 22 book requests. The goal here is to 54 00:03:21,578 --> 00:03:25,363 explain all of the data points on the bar chart. And then if 55 00:03:25,426 --> 00:03:29,022 possible, we also want to provide a data type. Next up we 56 00:03:29,085 --> 00:03:32,744 have images of text. In this example, we have a screenshot 57 00:03:32,807 --> 00:03:36,655 that has the quick brown fox jumps over the lazy dog with the 58 00:03:36,718 --> 00:03:40,566 letter G. Now, how we are going to provide alternate text for 59 00:03:40,629 --> 00:03:44,414 this is simply provide all of the words. So in the alternate 60 00:03:44,477 --> 00:03:48,073 text, I would say the quick brown fox jumps over the lazy 61 00:03:48,136 --> 00:03:51,668 dog. What about alternate texts for logos? Well, in this 62 00:03:51,731 --> 00:03:55,201 example, we have the Coca Cola logo. So that's what our 63 00:03:55,264 --> 00:03:59,175 ultimate text would be Coca Cola logo. You just learned how to 64 00:03:59,238 --> 00:04:02,455 apply alternate text best practices to your images, 65 00:04:02,518 --> 00:04:04,979 charts, graphs. Thank you for watching.