{"id":146,"date":"2018-06-15T22:43:42","date_gmt":"2018-06-15T22:43:42","guid":{"rendered":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/?post_type=chapter&#038;p=146"},"modified":"2018-06-29T15:29:24","modified_gmt":"2018-06-29T15:29:24","slug":"chapter-2-7-alternative-text-for-images-descriptions-in-word","status":"publish","type":"chapter","link":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/chapter\/chapter-2-7-alternative-text-for-images-descriptions-in-word\/","title":{"rendered":"Alternative Text for Images &#8211; Descriptions in Word"},"content":{"raw":"The addition of alternative text for images will help a blind user know what is the content or function of an image. You\u2019ll want to keep your alt descriptions succinct, and equivalent to what the image is conveying. If you have a chart or a graph, it\u2019s best to describe what is being represented in the chart or graph within the body of the document, rather than in alt text. Or, if you can convey the information in the chart or graph by way of a simple data table, this would also make the content accessible. If you have an image that is a link, your alt text can be the name of the page that the link leads to.\r\n\r\nIn HTML, we can add a null alt attribute to a decorative image that doesn\u2019t convey meaning, such as a flourish. This will tell the screen reader to skip over it and not announce it at all. In more recent versions of Word, unfortunately, there\u2019s no way to do this. JAWS may be set to announce images, even if they don\u2019t contain <strong>Description<\/strong> text. If you leave the <strong>Description<\/strong> field blank for a decorative image, this leaves the screen reader user wondering if the image contains meaning or not, when it is announced. One way to get around this is, would be to put a decorative image or flourish in the header or footer of a document. Or, you could leave the image out. But, in Word, if you find that you don\u2019t want to leave the decorative image out, you should write very brief <strong>Description<\/strong> text about what it is.\r\n\r\nYou can add alternative text by right mouse clicking on an image, and choosing \u201c<strong>Format Picture<\/strong>.\u201d In the <strong>Format Picture<\/strong> pane that opens to the right of the document, click on the cross shape icon for \u201c<strong>Layout &amp; Properties<\/strong>\u201d of the image. Click the arrow to the left of <strong>Alt text<\/strong> and type a <strong>Description<\/strong> for the image. Why is there both a Title and Description field under the Layout and Properties' Alt Text options, and which serves as the alt text? The Description text serves as the alternative text and should always be filled in! Some screen readers will read the Title text before the Description, such as JAWS 15 and newer, but some older screen readers, such as NVDA 2014.2 and Window-Eyes 8.4 don't. You can leave the Title text out. If you include it, make it short and screen reader users can decide if they want to hear the Description. But, also try to keep your Description text short and succint (200 characters or less). It\u2019s important that you write a Description that conveys the images meaning, purpose, or where it leads to. Don\u2019t just describe what is in the image or write \u201cimage of.\u201d\r\n\r\nIf you have an artistic image that conveys sensory information, such as a painting or photograph, it is okay to describe what is in the image, such as \u201cphoto of,\u201d or \"painting of.\"\r\n\r\nThe choice of alt text depends on the context of the image. You don\u2019t want to be redundant and repeat text that is surrounding or adjacent to the image.\r\n<h2>How to add an image to Word and add Alt Text to it<\/h2>\r\nTo insert an image in Word, go under the <strong>Insert<\/strong> tab and select <strong>Pictures<\/strong> from the ribbon. Browse to your image, select it and click <strong>Insert<\/strong>. With the image selected, right click on the image and select <strong>Format Picture<\/strong> from the context menu that pops-up. From the Format Picture pane options, select the icon that looks like four arrows forming a white cross on a blue background. It is the <strong>Layout &amp; Properties<\/strong> button. Expand the Alt Text option by clicking on it. This brings up the <strong>Description<\/strong> field into which you should type your alternative text. The image below shows the Layout &amp; Properties button outlined in red and the Description field where you would enter your alternative text.\r\n\r\n<img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/format_picture.gif\" alt=\"Screen capture of Word's Format Picture window with option for entering alternative text in the Description field. Don't enter it within the Title field.\" width=\"600\" height=\"624\" class=\"alignleft size-full wp-image-151\" \/>","rendered":"<p>The addition of alternative text for images will help a blind user know what is the content or function of an image. You\u2019ll want to keep your alt descriptions succinct, and equivalent to what the image is conveying. If you have a chart or a graph, it\u2019s best to describe what is being represented in the chart or graph within the body of the document, rather than in alt text. Or, if you can convey the information in the chart or graph by way of a simple data table, this would also make the content accessible. If you have an image that is a link, your alt text can be the name of the page that the link leads to.<\/p>\n<p>In HTML, we can add a null alt attribute to a decorative image that doesn\u2019t convey meaning, such as a flourish. This will tell the screen reader to skip over it and not announce it at all. In more recent versions of Word, unfortunately, there\u2019s no way to do this. JAWS may be set to announce images, even if they don\u2019t contain <strong>Description<\/strong> text. If you leave the <strong>Description<\/strong> field blank for a decorative image, this leaves the screen reader user wondering if the image contains meaning or not, when it is announced. One way to get around this is, would be to put a decorative image or flourish in the header or footer of a document. Or, you could leave the image out. But, in Word, if you find that you don\u2019t want to leave the decorative image out, you should write very brief <strong>Description<\/strong> text about what it is.<\/p>\n<p>You can add alternative text by right mouse clicking on an image, and choosing \u201c<strong>Format Picture<\/strong>.\u201d In the <strong>Format Picture<\/strong> pane that opens to the right of the document, click on the cross shape icon for \u201c<strong>Layout &amp; Properties<\/strong>\u201d of the image. Click the arrow to the left of <strong>Alt text<\/strong> and type a <strong>Description<\/strong> for the image. Why is there both a Title and Description field under the Layout and Properties&#8217; Alt Text options, and which serves as the alt text? The Description text serves as the alternative text and should always be filled in! Some screen readers will read the Title text before the Description, such as JAWS 15 and newer, but some older screen readers, such as NVDA 2014.2 and Window-Eyes 8.4 don&#8217;t. You can leave the Title text out. If you include it, make it short and screen reader users can decide if they want to hear the Description. But, also try to keep your Description text short and succint (200 characters or less). It\u2019s important that you write a Description that conveys the images meaning, purpose, or where it leads to. Don\u2019t just describe what is in the image or write \u201cimage of.\u201d<\/p>\n<p>If you have an artistic image that conveys sensory information, such as a painting or photograph, it is okay to describe what is in the image, such as \u201cphoto of,\u201d or &#8220;painting of.&#8221;<\/p>\n<p>The choice of alt text depends on the context of the image. You don\u2019t want to be redundant and repeat text that is surrounding or adjacent to the image.<\/p>\n<h2>How to add an image to Word and add Alt Text to it<\/h2>\n<p>To insert an image in Word, go under the <strong>Insert<\/strong> tab and select <strong>Pictures<\/strong> from the ribbon. Browse to your image, select it and click <strong>Insert<\/strong>. With the image selected, right click on the image and select <strong>Format Picture<\/strong> from the context menu that pops-up. From the Format Picture pane options, select the icon that looks like four arrows forming a white cross on a blue background. It is the <strong>Layout &amp; Properties<\/strong> button. Expand the Alt Text option by clicking on it. This brings up the <strong>Description<\/strong> field into which you should type your alternative text. The image below shows the Layout &amp; Properties button outlined in red and the Description field where you would enter your alternative text.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/format_picture.gif\" alt=\"Screen capture of Word's Format Picture window with option for entering alternative text in the Description field. Don't enter it within the Title field.\" width=\"600\" height=\"624\" class=\"alignleft size-full wp-image-151\" \/><\/p>\n","protected":false},"author":7,"menu_order":7,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":["heather-caprette"],"pb_section_license":""},"chapter-type":[],"contributor":[61],"license":[],"class_list":["post-146","chapter","type-chapter","status-publish","hentry","contributor-heather-caprette"],"part":3,"_links":{"self":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":5,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters\/146\/revisions"}],"predecessor-version":[{"id":527,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters\/146\/revisions\/527"}],"part":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters\/146\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/media?parent=146"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapter-type?post=146"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/contributor?post=146"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/license?post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}