{"id":7792,"date":"2015-08-25T15:17:26","date_gmt":"2015-08-25T20:17:26","guid":{"rendered":"http:\/\/cat.xula.edu\/food\/?p=7792"},"modified":"2022-08-04T06:47:43","modified_gmt":"2022-08-04T11:47:43","slug":"bb-accessibility-tip-alt-text","status":"publish","type":"post","link":"https:\/\/cat.xula.edu\/food\/bb-accessibility-tip-alt-text\/","title":{"rendered":"Bb Accessibility Tip: Alt Text"},"content":{"rendered":"

by Janice Florent<\/p>\n

\"blind<\/a>\n<\/div>\n<\/p>\n

The fourth tip in my series of accessibility<\/a> related blog posts will focus on alternative text (alt text). Computers can read text on a screen but images, graphs, and charts are meaningless to visually impaired users. Alt text is an alternate method for supplying information about images to users who are visually impaired. <\/p>\n

Alt text is important for screen reader users because a screen reader cannot describe an image. Since screen reader software cannot interpret images, it relies on alt text to communicate image information to the user. When an image does not have alt text the only information the screen reader can relay is that there is an image on the page and provide the file name for the image. <\/p>\n

Alt text should describe an image so it makes sense in context. If a picture is worth a thousand words, then a short alt text description may be a poor substitute. While a concise alt text description is important, the alt text should be less than 125 characters. You want to think about what is the most important information you are trying to get across with the image and stay within the 124 or less characters. If the image requires a lengthy description, you should describe the image in the content of the page.<\/p>\n

There are several ways to handle complex images (e.g. charts, data, statistics, etc.) where a short description is not possible. The best solution is to include a thorough description of the complex image<\/a> in the content of the page, immediately before or after the image. If you don't want to add more content to your page, another preferred alternative would be to create another web page with just a description of the complex image and link to it near the image. Additionally, text descriptions of graphs and charts can help all students understand difficult concepts. <\/p>\n

How alt text is written will vary depending on the type of image. Most screen reader software announces the presence of an image by appending a word such as \"graphic\" to the alt text, so using words such as \"image\" \"graphic\" and \"photo\" are unnecessary in the alt text, unless it helps to convey further meaning important for a user to know.<\/p>\n

Consider this example which uses \u201cGuide Dog and Man\u201d as the alt text:<\/p>\n

\"example<\/a>\n<\/div>\n<\/p>\n

The alt text \u201cGuide Dog and Man\u201d is not effective if the intent is to show the dynamic action of guiding in the picture. In this situation a better alt text description is \u201cA guide dog leads the way with her handler holding the guide harness in his left hand\u201d as shown in the following example: <\/p>\n

\"example<\/a>\n<\/div>\n<\/p>\n

There is no need to include \"image of,\" \"picture of,\" or \"photo of\" in the alt text in this example because the screen reader will announce the presence of the image.<\/p>\n

Additionally, images that contain text (as in a logo) should generally be coded to just include that text as the alt text. <\/p>\n

Many images are used only for visual interest, they aren't meant to convey any meaning or important information. In this case, it is best to use what is called NULL alt text or empty alt text. This is done by entering two quotes (\"\") with no spaces in between in the alt text box.<\/p>\n

So, how can you add alt text to images? Listed below are instructions on adding alt text in MS Word and PowerPoint documents as well as in Blackboard.<\/p>\n

Add Alt Text to image in MS Word and PowerPoint 2010:<\/h3>\n
    \n
  1. PC users: right-click on an image
    \nMac users: press control key and click on the image<\/li>\n
  2. Select Format Picture<\/li>\n
  3. Select the option for Alt Text<\/li>\n
  4. Type your alt text in the description field<\/li>\n
  5. PC users: Click Close
    \nMac users: click OK<\/li>\n<\/ol>\n
    \"example<\/a>\n<\/div>\n

    Add Alt Text to image in Blackboard:<\/h3>\n

    You will find the Alt Text box in various places in Blackboard depending on what and where you are adding the image. Here are some examples: <\/p>\n

    1. Create Image in Bulid Content:<\/h4>\n

    \"example<\/a>\n<\/p>\n

    2. Insert image in the Content Editor:<\/h4>\n

    \"example<\/a>\n<\/p>\n

    You will remove significant barriers for the visually impaired if you take these suggestions for adding alt text into consideration when creating course content. An added bonus is that if you take the extra step to include alt text when creating your course content you will be ahead of the game in the event you do have a visually impaired student.<\/p>\n

    Additional information about alt text can be found at:<\/p>\n