{"id":9437,"date":"2023-03-28T09:30:00","date_gmt":"2023-03-28T08:30:00","guid":{"rendered":"https:\/\/blogs.sussex.ac.uk\/tel\/?p=9437"},"modified":"2023-03-24T10:05:31","modified_gmt":"2023-03-24T10:05:31","slug":"say-what-you-see-alternative-text-for-complex-images","status":"publish","type":"post","link":"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/","title":{"rendered":"Say what you see: alternative text for complex images"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-scaled.jpg\"><img loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-1024x576.jpg\" alt=\"\" class=\"wp-image-9438\" srcset=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-1024x576.jpg 1024w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-300x169.jpg 300w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-768x432.jpg 768w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-1536x864.jpg 1536w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-2048x1152.jpg 2048w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-100x56.jpg 100w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-150x84.jpg 150w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-200x113.jpg 200w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-450x253.jpg 450w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-600x338.jpg 600w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2023\/03\/alan-de-la-cruz-CmO_GydmKaY-unsplash-900x506.jpg 900w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Photo by <a href=\"https:\/\/unsplash.com\/@alandelacruz4?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">ALAN DE LA CRUZ<\/a> on <a href=\"https:\/\/unsplash.com\/photos\/CmO_GydmKaY?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a><\/figcaption><\/figure>\n\n\n\n<p>When <a href=\"http:\/\/www.sussex.ac.uk\/tel\/accessibility\/\">making digital content accessible<\/a>, adding alternative text to images is key. But in a presentation on <a href=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vRzAMhILPY4u3Dw4lEC2ovWWnLB4KCWoEVl9qkwqKWfXJsUlj2ophce2crMar2slg\/pub?start=true&amp;loop=false&amp;delayms=60000#slide=id.p1\">Demystifying alternative text for complex images<\/a> at a recent <a href=\"https:\/\/xot.futureteacher.eu\/play.php?template_id=4#richmediaimages\">Future Teacher session<\/a>,&nbsp; Matthew Deeprose from the University of Southampton showed how not all alternative text is equal, and how, in most cases, ALT text is not enough for more complex images such as graphs and flow charts.<\/p>\n\n\n\n<h2>What is alternative text?<\/h2>\n\n\n\n<p>Alternative text is the written text that appears in place of an image and conveys the same information as the original image. This is essential for people with visual impairment using a screen reader, or students who use Sussex\u2019s <a href=\"http:\/\/www.sussex.ac.uk\/tel\/accessibility\/sensusaccess\">Sensus access service<\/a> to convert content into alternative formats, for example audio files. It\u2019s also useful for students who are reading content using a weak internet connection, as alternative text will appear when images fail to load.<\/p>\n\n\n\n<h2>Writing alternative text for complex images<\/h2>\n\n\n\n<p>For some complex images, you may need more than just the ALT text function to add short text to your image. As when composing any alternative text, ask yourself why you included the chart or graph. Deeprose says to consider the purpose and intention of the chart or graph as follows:<\/p>\n\n\n\n<ul><li>If you\u2019re using the image for visual interest, mark it as decorative.<\/li><li>If the chart or graph replicates text already in the document, then you should add a caption describing the essential content and context, and use the alt text feature to mark the image as decorative.<\/li><li>If the chart or graph supports or rationalises what is in the text, then we should write a brief alt text describing essentials of the image and use a caption or title.<\/li><li>If the chart or graph goes further than what is in the text, or you students to use the graph in some way, then you should write a brief alternative text describing the essentials, add a caption, and then provide a <strong>full description <\/strong>elsewhere in the document. Ideally you should also provide the tabular data that was used to generate the graph or chart.<\/li><\/ul>\n\n\n\n<p>Source: Deeprose, M. (2022) &#8216; What is alternative text? How do I write it for images, charts, and graphs? (slide 27). Available at: https:\/\/matthewdeeprose.github.io\/alt-text-and-images-charts-graphs.pptx (Accessed: 22 March 2022).<\/p>\n\n\n\n<h2>Examples<\/h2>\n\n\n\n<p>Writing alternative text for complex images can be time-consuming, and is best done at the time of creating the content. Deeprose describes the composition of alternative text as a creative writing process, with no perfect descriptions.<\/p>\n\n\n\n<p><a href=\"https:\/\/youtu.be\/YDCVzN7_7UQ?t=1111\">In this video they walk through some specific examples, including a line graph, Venn diagram, and flow chart<\/a> (and even updates one of the examples when challenged by a member of the audience!)<\/p>\n\n\n\n<h2>Where to find out more<\/h2>\n\n\n\n<ul><li><a href=\"https:\/\/matthewdeeprose.github.io\/alt-text-images-charts-graphs\">Matthew Deeprose\u2019s What is alternative text? How do I write it for images, charts and graphs?<\/a> [https:\/\/matthewdeeprose.github.io\/alt-text-images-charts-graphs]<\/li><li><a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/decision-tree\/\">W3C\u2019s An alt decision tree<\/a> can help you decide what type of alternative text is needed for your images, charts and graphs [<a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/decision-tree\/\">https:\/\/www.w3.org\/WAI\/tutorials\/images\/decision-tree\/<\/a><\/li><\/ul>\n\n\n\n<p>You can also contact our team at <a href=\"mailto:tel@sussex.ac.uk\">tel@sussex.ac.uk<\/a> for support and further guidance.<\/p>\n\n\n\n<h2>Share your experience.<\/h2>\n\n\n\n<p>Have you suggestions for writing good alternative text for your discipline? Please share your experiences in the comments<\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon sd-sharing\"><h3 class=\"sd-title\">Share this:<\/h3><div class=\"sd-content\"><ul><li class=\"share-twitter\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-twitter-9437\" class=\"share-twitter sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Twitter (Opens in new window)<\/span><\/a><\/li><li class=\"share-facebook\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-facebook-9437\" class=\"share-facebook sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=facebook\" target=\"_blank\" title=\"Click to share on Facebook\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Facebook (Opens in new window)<\/span><\/a><\/li><li class=\"share-tumblr\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-tumblr sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=tumblr\" target=\"_blank\" title=\"Click to share on Tumblr\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Tumblr (Opens in new window)<\/span><\/a><\/li><li class=\"share-print\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-print sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/\" target=\"_blank\" title=\"Click to print\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to print (Opens in new window)<\/span><\/a><\/li><li class=\"share-pinterest\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-pinterest-9437\" class=\"share-pinterest sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=pinterest\" target=\"_blank\" title=\"Click to share on Pinterest\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pinterest (Opens in new window)<\/span><\/a><\/li><li class=\"share-pocket\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-pocket sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=pocket\" target=\"_blank\" title=\"Click to share on Pocket\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pocket (Opens in new window)<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>When making digital content accessible, adding alternative text to images is key. But in a presentation on Demystifying alternative text for complex images at a recent Future Teacher session,&nbsp; Matthew Deeprose from the University of Southampton showed how not all<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon sd-sharing\"><h3 class=\"sd-title\">Share this:<\/h3><div class=\"sd-content\"><ul><li class=\"share-twitter\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-twitter-9437\" class=\"share-twitter sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Twitter (Opens in new window)<\/span><\/a><\/li><li class=\"share-facebook\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-facebook-9437\" class=\"share-facebook sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=facebook\" target=\"_blank\" title=\"Click to share on Facebook\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Facebook (Opens in new window)<\/span><\/a><\/li><li class=\"share-tumblr\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-tumblr sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=tumblr\" target=\"_blank\" title=\"Click to share on Tumblr\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Tumblr (Opens in new window)<\/span><\/a><\/li><li class=\"share-print\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-print sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/\" target=\"_blank\" title=\"Click to print\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to print (Opens in new window)<\/span><\/a><\/li><li class=\"share-pinterest\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-pinterest-9437\" class=\"share-pinterest sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=pinterest\" target=\"_blank\" title=\"Click to share on Pinterest\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pinterest (Opens in new window)<\/span><\/a><\/li><li class=\"share-pocket\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-pocket sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/03\/28\/say-what-you-see-alternative-text-for-complex-images\/?share=pocket\" target=\"_blank\" title=\"Click to share on Pocket\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pocket (Opens in new window)<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div>","protected":false},"author":390,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[36],"tags":[193245,4874],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p4IWEK-2sd","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"jetpack-related-posts":[{"id":9411,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2023\/02\/28\/presentation-tips-accessible-slides-and-free-to-use-images\/","url_meta":{"origin":9437,"position":0},"title":"Presentation tips: accessible slides and free-to-use images","date":"28th February 2023","format":false,"excerpt":"Photo by ThisisEngineering RAEng on Unsplash Some topics are of perennial interest and given that technologies are constantly changing there is usually something new to say. Two of the most popular posts on this blog have been on using Creative Commons images (2014) and making presentations accessible (2018). As presentations\u2026","rel":"","context":"In &quot;Accessibility&quot;","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2023\/02\/thisisengineering-raeng-WRrpTw0TcVo-unsplash.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":8014,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2019\/12\/03\/problem-document-format-pdfs-and-accessibility\/","url_meta":{"origin":9437,"position":1},"title":"Problem Document Format: PDFs and Accessibility","date":"3rd December 2019","format":false,"excerpt":"In the past PDF (Portable Document Format) was considered a great format for delivering documents online. By their nature the PDFs can be viewed and look the same on different devices. However, with the increase in viewing content on mobile devices and the welcome new focus on accessibility, PDFs have\u2026","rel":"","context":"In &quot;Accessibility&quot;","img":{"alt_text":"PDF Icon with a sad face.","src":"https:\/\/i2.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2019\/11\/Sad-PDF_twitter_square-01.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2458,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2015\/05\/26\/top-tips-for-designing-presentations\/","url_meta":{"origin":9437,"position":2},"title":"Top tips for designing presentations","date":"26th May 2015","format":false,"excerpt":"This post introduces a few simple yet effective techniques for designing slideshow presentations. Make sure your slides are complementary and not a distraction Simultaneous use of speech, images and text can increase the cognitive load on your audience. Make sure that your audience focus on listening to your presentation rather\u2026","rel":"","context":"In &quot;Technology Enhanced Learning&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2015\/05\/Capture3-e1432631036264-300x206.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":6984,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2018\/06\/05\/5-top-tips-for-creating-inclusive-presentations\/","url_meta":{"origin":9437,"position":3},"title":"5 Top Tips for creating inclusive presentations","date":"5th June 2018","format":false,"excerpt":"For presentations to be part of truly inclusive teaching practice they need to be created with an eye on accessibility. This post will outline some things you can do to make your presentations in lectures, seminars, meetings and conferences accessible to all. 1. Choose a presentation tool that will help\u2026","rel":"","context":"In &quot;Accessibility&quot;","img":{"alt_text":"Example from the PowerPoint Accessible Template Sampler","src":"https:\/\/i1.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2018\/05\/2018-05-21_1625.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":7894,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2019\/09\/17\/5-steps-to-using-tech-for-presentations\/","url_meta":{"origin":9437,"position":4},"title":"5 steps to using tech for presentations","date":"17th September 2019","format":false,"excerpt":"Giving presentations is as much a part of academics\u2019 lives as it is their students\u2019. Whether presenting at a conference or in an undergraduate seminar, there are similar issues to bear in mind and digital tools to help. Step 1. Get organised Whether you are creating your presentation alone or\u2026","rel":"","context":"In &quot;digital skills&quot;","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2019\/08\/My-Post.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":8477,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2020\/09\/08\/tips-for-producing-accessible-online-video-presentations-that-will-last\/","url_meta":{"origin":9437,"position":5},"title":"Tips for producing accessible online video presentations that will last.","date":"8th September 2020","format":false,"excerpt":"Autumn term is fast approaching and with the move to planning for online delivery first, many people are thinking about pre-recording short video presentations to use in their teaching.\u00a0 Here are some tips to make these engaging, accessible and reduce the need to reproduce them year on year. Keep presentation\u2026","rel":"","context":"In &quot;Panopto&quot;","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2020\/09\/Replay-Video.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/9437"}],"collection":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/users\/390"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/comments?post=9437"}],"version-history":[{"count":2,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/9437\/revisions"}],"predecessor-version":[{"id":9441,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/9437\/revisions\/9441"}],"wp:attachment":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/media?parent=9437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/categories?post=9437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/tags?post=9437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}