User Tools


Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
public:nnels:etext:images [2020/06/30 09:40]
rachel.osolen [Q & A]
public:nnels:etext:images [2024/02/20 12:19] (current)
rachel.osolen [Introduction]
Line 1: Line 1:
-======= Images Alt text ======= +========= ImagesAlt-text and Image Descriptions =========
-Software can convert text to speech, but it cannot convert images to text. We use Alt-text to replace the image for screen readers.+
  
-A screenreader will stop on the image and read the Alt-text that you have writtenThe content of the Alt-text depends on the type/purpose of the image.+Reading systems and screenreaders can usually convert text to speech, but they cannot convert images to text. We use alt text ("alternative text") to replace the image for screenreaders.
  
-For a selection of samplesplease visit this page: [[public:nnels:etext:alt_text_samples|Samples of Alt text]].+A screenreader will stop on the image and read the Alt-text that you have written. This Alt-text is not visualbut is embedded in the code of the ebook. Part of your job is to write these descriptions. The content of the Alt-text depends on the type/purpose of the image.
  
-Alt-text is done differently for Children's Picture Books and Comics. Please visit the pages [[public:nnels:etext:kids-books:kb_alt-text|Alt-Text for Picture Books]] and [[public:nnels:etext:comics|Comic Book/Graphic Novel Description: Introduction]] for more information.+The following is a video demo of how a screenreader reads an image description: 
 +{{ :public:nnels:etext:alt-text-screenreader-demo.mp4 |}}
  
-<note important>Every image **must** have a description unless it is solely decorativeSee below for more information. If you come across words that are images please refer to the section 'Working with Images of Words and Different Alphabets' on the [[public:nnels:etext:language|Languages]] page.</note> +The term image description is an umbrella term referring to the concept of offering descriptions of images in text formAn image description conveys the same or equivalent information that a sighted reader would get when they look at a picture to someone with a print disability such as those who are blind or visually impairedImage descriptions can be included in digital content in two forms:  
-  +  * Alt-text for simple and medium complexity images 
-======What is Alt-text?======+  Alt-text and long description for complex images
  
-The [[https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-text-alternatives-head|W3C defines alternative text]] as follows:+Remember, you are replacing visual information with text, not just describing an imageIt is very important you follow these guidelines so your descriptions are clear to the reader and do not cause any confusion or cognitive issues.
  
-<WRAP center round box 80%> +There are no hard rules on how long Alt-text should be, but they usually around 2-6 sentences longThis is to help avoid cognitive overloadCognitive overload can also happen if the description is not direct or concise. The description should walk the reader through the image and be very clear and direct. This can be a bit of an artform, so don’t stress out if you feel overwhelmedThis documentation is designed to help you learn how to write Alt-text and Long Descriptions
-A text alternative is text that is used in place of non-text content for those who cannot view the non-text contentNon-text content includes such things as pictures, charts, applets, audio files, etcPeople who cannot see for example would not be able to see information presented in picture or chartA text alternative is therefore provided that allows the user to be able to convert the information (the text) into speech. In the future, having the information in text also makes it possible to translate the information into sign language, into pictures, or into a simpler form of writing.+
  
-In order for people with disabilities to be able to use this text the text must be "programmatically determinable." This means that the text must be able to be read and used by the assistive technologies (and the accessibility features in browsers) that people with disabilities use.+<note>Alt-text is **done a bit differently** for Children's Picture Books and ComicsPlease visit their respective pages [[public:nnels:etext:kids-books:kb_alt-text|Alt-text for Picture Books]] and [[public:nnels:etext:comics|Comic Book/Graphic Novel Description: Introduction]] for more information.</note>
  
-It must also be possible for people using assistive technologies to find these text alternatives when they encounter non-text content that they cannot useTo accomplish this, we say that the text must be "programmatically associatedwith the non-text contentThis means that the user must be able to use their assistive technology to find the alternative text (that they can use) when they land on the non-text content (that they can't use). +<note important>Every image **must** have a description unless it is solely decorativeIf you come across words that are images please refer to the section "Working with Images of Words and Different Alphabetson the [[https://bclc.wiki.libraries.coop/doku.php?id=public:nnels:etext:language#working_with_images_of_words_and_different_alphabets|Languages]] page and [[.images:text_and_images]].</note>
-</WRAP>+
  
-======When to Remove an Image====== +<note>This documentation is pulled from the DAISY knowledge base, Benetech, and our own inhouse research and development with our Analysts that have lived experiencesSome of our guidelines will be a bit different from what you find out on the internet, as we are not creating an EPUB from scratchWe are reformatting an EPUBso our guidelines may be slightly different.</note>
-The below images can be **removed** from the textThis is suggested because none of these images convey meaning (i.ethey're decorative). Similar situations may arise. If unsureask the Production Coordinator.+
  
-  * cover (text equivalent = title/author) +Part of your job is to produce accessible versions of the titles you are assigned. Alt-text is an essential part of accessibilityYou should be able to write Alt-text with little to no edits and feedback after 3 months of work.
-  * publisher/other logo (text equivalent = name of publisher/company) +
-  * [[http://www.thebookdesigner.com/wp-content/uploads/2014/03/Running-heads-Croissants.png|decorative image]] (no text equivalent required) +
-  * author photo (no text equivalent required)+
  
-<note>If the decorative image is a Content Break we replace it with three asterisksSee [[public:nnels:etext:text-breaks|Content Breaks]] for more information.</note>+It can take longer to learn how to write image descriptions than the other parts of reformatting an ebook, and we are here to help and support you on this journeyEven after you have gotten a handle on how to describe images, there will always be times when you struggle and need assistance. Go to [[public:nnels:etext:pa-outline-expectations|Job Outline and Expectations]] for more information.
  
 +======First Steps======
  
-<note important>Images with text, images of text, and images of tables, graphs, and maps require further attention. See the sections below for more information.</note>+<note>Steps for [[public:nnels:etext:human-narration-alt-text|Human Narration Image Description]] are different.</note>
  
 +Remove all decorative images including:
  
-======Things to do====== +  * publisher/other logo (text equivalent name of publisher/company) 
-  [[public:nnels:etext:extract-images|extract images from EPUB]] +  [[http://www.thebookdesigner.com/wp-content/uploads/2014/03/Running-heads-Croissants.png|decorative image]] (no text equivalent required
-  - delete and re-insert extracted images as you go along +  * author photo (no text equivalent required)
-  - Add Caption if needed +
-  - clear the image formatting  +
-  - resize the images (if necessaryto fit on the page +
-  - break the links to make sure the images are embedded into the document +
-  - set the image inline with text +
-  - add alt text to the image, and insert a caption (if one exists) +
-  - add extended image descriptions if required (In-Text Producer's Notes)+
  
-<note tip>You can search for all images by using the Find function and search for ''^g''</note>+If unsure, ask [[public:nnels:etext:images:alt-text_q_a|in the and A section]].
  
-=====1 and 2 Extract and Replace Images=====+<note>If the decorative image is a Content Break we replace it with a line. See [[public:nnels:etext:text-breaks|Content Breaks]] for more information.</note>
  
-During conversion from ebook to .doc file, the image quality can be effected. Because of this we remove and replace all images in a document.+<note tip>You can search for all images by using the "Find" function and search with ''^g'' (for "graphic")</note>
  
-First you need to extract the images from the original ebook.+Ensure that the image (and caption if present) is set to ''inline with text'' so that the text does not flow around the image and between paragraphs (i.e. not breaking up the middle of a sentence or paragraph)
  
-  * [[public:nnels:etext:extract-images|Extract images from EPUB files]] +To set the wrapping style as ''in-line with text''
-  * [[public:nnels:etext:extract_images_from_pdf_files|Extract Images from PDF Files]] +  * right click the image 
-  * [[public:nnels:etext:extract_images_from_kindle_files_azw_azw3|Extract Images from Kindle Files]]+  * select ''Wrap Text'' > ''In Line with Text''
  
-Once you have your new images files, simply replace all the files in the .doc with these new images.+Software can only detect and properly read the Alt-text associated with an image when it is placed ''In Line with Text''.
  
-===== 3Add Caption =====+For large images, resize them so they fit on the page with their caption and surrounding text. See [[https://support.office.com/en-us/article/Change-the-size-of-a-picture-shape-text-box-or-WordArt-98929cf6-8eab-4d20-87e9-95f2d33c1dde|How to Resize Images in Word]] for how to do this.
  
-If a caption exists in the original ebookthen you must insert it for the corresponding image in the .doc file. See [[public:nnels:etext:captions|Captions]] for instructions.+<note important>If your document is missing images, you can extract the images from the publisher file. See the section on [[public:nnels:etext:extracting_images_ebooks|How to Extract An Image]].</note>
  
-===== 4. Clear formatting ===== +=====Basics: Add Alt-text and Caption to Image===== 
-Select the image and then select ''clear formatting''If there was a little dot to the left of the image, then that should now be gone. +Below are directions on how to insert captions and Alt-text using Microsoft Word.
-===== 5. Resizing Images =====+
  
-For large images, resize them so they fit on the page with their caption, and surrounding text. See [[https://support.office.com/en-us/article/Change-the-size-of-a-picture-shape-text-box-or-WordArt-98929cf6-8eab-4d20-87e9-95f2d33c1dde|How to Resize Images in Word]] for how to do this.+<note important>For guidelines on how to write Alt-text go to the ''How to Write Alt-text'' section further down the page.</note>
  
-===== 6. Embedding Images / Break Links ===== +====Add Captions====
-This is the same thing as [[public:nnels:etext:links|breaking/removing links]]. +
-  +
-[[http://youtu.be/Bj9gekILuYo?t=1m39s|Video on How to Break Links to Embed Images in LibreOffice]]+
  
-===== 7. In-line with text ===== +If a caption exists in the original ebookthen you must insert it for the corresponding image in the Word doc file. See [[public:nnels:etext:captions|Captions]] for instructions.
-Maintain the general location of images in relation to surrounding text, but ensure that the image (and caption) are within the text (that is, the text does not flow around the image) and between paragraphs (not breaking up the middle of a sentence or paragraph)+
  
-The wrapping style should be set as in-line with text (right click the image, select ''Wrap Text'' > ''In Line with Text''). Software can only detect and properly read the Alt text associated with an image when it is placed 'in line'+====Add Alt-text====
- +
-===== 8. Add and Write Alt text =====+
  
 To add Alt-text to an image: To add Alt-text to an image:
Line 90: Line 72:
   - Enter a description in the alt text ''description'' field (leave the title field blank)   - Enter a description in the alt text ''description'' field (leave the title field blank)
  
-The main guidelines are as follows: +<note>Add all images to a ''Word Doc'' and enter your image descriptions below each image. This is three fold:
-  * Use as few words as possible. +
-  * The reader should be able to understand the description in one reading. +
-  * Focus on the key elements only +
-  * Start with a brief description, followed by more specific information. This allows the reader to get the initial concept and read further if desired. +
- +
-Alt-text is generally **120 word maximum**. For longer descriptions of complex images, you will have to put the longer description in the Complex Image Description section at the back of the book.  See below for more details. +
- +
-<note>An image **must** have Alt-text even for a complex description. This can be as simple as "A Map of WWII showing the Allies and German Lines" with the longer description in the Complex Image Description section.</note> +
- +
-Write Alt-text so it flows with the surrounding text as not to be jarring to reader. +
- +
-<note important>DO NOT include the word ''image'' in your description. The screen reader will already pick up that it is an image, so writing the word "image" will be repetitive and redundant.</note> +
- +
-If the image type is consistent throughout a book, provide this information at the beginning, and then don’t repeat in the following images. It is only necessary to provide this information in the alt-text of the first image. For example, the first image alt-text would read: "A black and white photograph of an Indian girl looking out a window on a train." and all following images will only have the image description //without// the phrase "A black and white photograph" (i.e. "An Indian girl stands on the platform of a train station with her luggage on the ground beside her. She waves with a smile on her face."+
- +
-Be clear and concise in your writing. +
- +
-Read the text around the image, if there is a person, place, or object that is named in the text, then use it in your description. Do not name characters in images before they are introduced in the text. +
- +
-You may find that the image is already described in the text. You don't have to describe it again in full, but add some details that are not given to describe the image avoiding repetition. +
- +
-Only write about what you see and what you know. Alt text should always provide direct representation of the image and what it conveys visually. Try and think about the audience, reading level, and tone. Use appropriate vocabulary for the grade level and subject matter. +
- +
-When working with a novel, try to warm it up a little bit, because your descriptions need to help drive the narrative forward. Image descriptions are really an art, not a science. +
- +
-For image description guidelines and examples, refer to:  +
- +
-  * [[https://axesslab.com/alt-texts/|Alt texts: The Ultimate Guide]] +
-  * [[http://diagramcenter.wpengine.com/samplebook/nav.xhtml|Accessible Image - Sample Book]] +
-  * [[http://diagramcenter.org/table-of-contents-2.html|Image Description Guidelines]] +
-  * [[https://www.w3.org/WAI/tutorials/images/|W3C's Tutorial on Images]] +
-  * [[https://www.textboxdigital.com/imagedescription|Image description examples from textBOX]] +
-  * [[https://accessiblepractice.org/v/xerte/play_395|Accessible Book Consortium's Tutorial on "Accessible images and how to create them"]] +
- +
- +
-=====9. Adding Complex Image Descriptions (Bookmark and Hyperlink to Book Section)===== +
- +
-<note warning>UNDER CONSTRUCTION</note> +
- +
-We create longer, complex descriptions for images of maps, graphs, and charts. We can also create longer, complex descriptions when we need to transcribe an image, such as an image of a letter. If you are not sure if your image requires a complex description, ask in the [[public:nnels:etext:q_a|Q&A section]]. +
- +
-For images that require more complex or extended descriptions we create two descriptions: +
- +
-  - Standard Alt-Text in Alt-Text Description Box (max 120 characters) +
-  - Long Description in the [[public:nnels:etext:complex-image-description|Complex Image Descriptions Section]] that links back to the image being described. +
- +
- +
-<note>You must include a shorter image description in the Alt-text box that compliments the longer description. Remember, all images must have Alt-text.</note> +
- +
-<note tip>For directions and examples of how to write complex descriptions please see the [[public:nnels:etext:complex-image-description|Complex Image Description Section]] and [[public:nnels:etext:alt_text_samples|Alt-Text Samples]] pages.</note> +
- +
-======Images of Tables, Surveys, and Text===== +
- +
-Sometimes you will come across images that are Tables, Surveys, or Images with Text, or Images of Words or Phrases. It is a big publisher no-no to put any form of text within an image, and there are a few ways we can deal with this as it comes up.  +
- +
-<note>This section highlights some standard practices, but each case can be slightly different. If you are unsure, or have an example that is not covered in this section, please post a question in the [[public:nnels:etext:q_a|Q&A section]] of the wiki.</note> +
- +
-=====Images of Tables===== +
- +
-If there is an image of a table, simply recreate the table within Word following the directions in the [[public:nnels:etext:tables|Tables Section]]. Then delete the image of the table once you are done. +
- +
-=====Images of Surveys===== +
- +
-This one is a bit of a judgement call. It depends on the context of the image. +
- +
-If it’s critical to understanding the book that readers know exactly what was asked in the survey then we want to transcribe the entire survey and then add a [[public:nnels:etext:producers-note|Producer's Note]] at the beginning of the book to explain what we have done. +
- +
-For blank lines you can replace them with ''[blank]'' +
- +
-<note>If you transcribe the survey, include an In Text Prodnote explaining the section is transcribed from an image.</note>  +
- +
-If it doesn’t really matter to the reading experience what the details of the survey are then Alt-Text will do. There are some great examples on how to write Alt-Text [[public:nnels:etext:alt_text_samples|here]]. +
- +
- +
-=====Images with Text===== +
- +
-Some Images will have text as part of that image.  In these cases there are two solutions: +
- +
-  - Transcribe the Text in the Image into the Caption +
-  - Transcribe the Text in the Image into the Alt-Text +
- +
-Again, this is a judgement call. Both options can work, but it also depends on what the text is. When in doubt just ask! +
- +
-<note>If it is simply an image with a sign in the background, then we do not have to add this to the Alt-Text or Caption unless it is essential to understanding the image. See examples below.</note> +
- +
-<WRAP center round box 80%> +
-{{ :public:nnels:etext:image_of_sign.png?400 |}} +
- +
-**Alt-Text:** A large yellow road sign says Girls don't hitchhike the Highway of Tears. It shows three photos of victims on the bottom-right corner. +
-</WRAP> +
- +
-=====Images of Words and Phrases===== +
- +
-A very big publisher no-no is having Single Words or Phrases as Images. This is one of the biggest accessibility sins. When this happens with must transcribe the image inline with the text, and then remove the image itself. If the image is written in another alphabet you may have to either use Unicode or set up your keyboard to type that alphabet.  Please see the [[public:nnels:etext:language|Languages]] section for more information. +
-======Image Description Without the Image====== +
-In rare cases, you may be describing the image without a copy of the original image in your document. This is often the case when digitizing from print. +
- +
-You still need to describe the image, but also denote that the text is not part of the regular paragraph text. +
- +
-Typically, you may have something similar to the following: +
- +
-    BEGIN IMAGE DESCRIPTION +
-    Sally picks a completely black kettle off the floor. +
-    END IMAGE DESCRIPTION +
- +
-The specific words you use will differ depending on the language used in the book (e.g. figure, illustration) and whether it is a description (you wrote) or a caption. +
-======Background images====== +
- +
-Especially in children's books, you may want to have the images as a background with the text on top. +
-  * Make sure the image is "anchored" to where you want it to read the description (if applicable). +
-  * If unsure where it's anchored, change alignment by selecting ''In Line with Text'' under ''Wrap Text''. (You can always Undo to change it back.) +
-  * If not anchored in the correct place, you will need to move it, then change align back to "behind" and reposition the image. +
- +
-======Tutorials====== +
-Check out these excellent tutorials on writing alternative text descriptions+
- +
-<WRAP center round info 90%> +
-  * [[http://accessiblepractice.org/v/xerte/play_395|Accessible Book Consortium Tutorial: Accessible Images and how to create them]] +
-  * [[https://poet.diagramcenter.org/|Diagram Center's Image Description Training Module]] +
-  * [[https://www.w3.org/WAI/tutorials/images/|W3C’s Tutorial on Images]] +
-  * [[https://4syllables.com.au/articles/text-alternatives-decision-tree/|Text alternatives - a decision tree]] +
-</WRAP> +
- +
-=====Q&A Archive===== +
- +
-Q: Hello! I have a question about an image in the book I'm working on, "Seeking Allah, Finding Jesus". In the Prologue, every time the author writes "Muhammad", he inserts a small image. The footnote explains that the image is a symbol representing an Arabic phrase: "peace and blessings of Allah be upon him". I'm thinking of handling this by deleting the image of the symbol and replacing it with the phrase in brackets. What do you think? If I do that, should I insert a prod note explaining what I did? +
- +
-A: In this case you would treat it as a regular image and insert the Alt-Text: symbol representing an Arabic phrase: "peace and blessings of Allah be upon him". You would then put a Producers Note at the beginning of the book to explain why you did this. For more info see [[public:nnels:etext:language#working_with_images_of_words_and_different_alphabets|here.]] +
- +
- +
----- +
- +
- +
-Q: I'm wondering if there is any way for me to check whether the images I've inserted into a book are the correct format (eg. JPG or PNG). They all look the same to me and I can't find any way to identify the file type within the Word doc. I follow the procedure for inserting images outlined in the wiki so it usually doesn't matter but in very long books, I sometimes miss a few but I can't double check if I missed any because I can't tell what file format they are. +
- +
-A: Unfortunately, there is no easy way to find the image types within the word document. You can save your edited word document as a webpage, which will create a folder with all the extracted images. This file will show you all the image format types within your document, but it wont necessarily show you where they are. You would have to go through the images in the folder and try to match the images to the document, which can be time consuming. +
- +
-Another tip is to look at your workflow and try to see where you are making an error in your workflow to try and avoid it from happening again.  +
- +
-There are two issues that can be causing this to occur, and they both have slightly different solutionsone has to do with workflow of extracting images, and one has to do with the workflow of replacing images. +
- +
-Extracting Images: The only method of extracting images that could cause an incorrect file format to occur is with screenshots. This is easily fixed by just double checking with each screenshot you take that you are saving the file in the correct format (gif, jpeg, png, or svg.) Again, this is only if you are using screenshots, if you are not using screenshots then you should address your workflow. +
- +
-Replacing Images: You mentioned this only happens with larger books, which is understandable since there are more images and more room for errors. I do not know what your workflow is for replacing images in the text, but it is a good idea to evaluate your current workflow and see if there is any way you can improve it to help avoid future errors. If you want more tips on how to do this just ask. +
- +
-**I would not stress over this**; if it is only happening with large books, and after evaluating your workflow you find that you are still having some images slip through that is okay. The best way to identify exactly where they are only occurs **after** the Production Coordinator converts the book at tests the new file. +
- +
----- +
- +
- +
-Q: I'm trying to keep in mind the aim for clarity and focus on relevant information, but I'm struggling with this. One of the first maps in this book is a map of the North-West area of Canada with a lot of lakes, rivers, and important villages labeled. Throughout the book, there are a few other maps which "zoom in" on specific areas which have already been described in this larger map, perhaps with some added details. Do I need to re-describe the area exactly? Or how should I proceed with these cases? For example, I've included the large map of The North-West and a map of Red River. Lots of the info in the Red River map are already present/described in the North-West map. +
- +
-{{:public:nnels:etext:front1.jpg?400|}} +
-{{:public:nnels:etext:f0039-01.jpg?400|}} +
- +
-A: Maps are challenging for anyone.  If you haven't already checked it out, you should go look at the Alt-text samples we have on the [[public:nnels:etext:alt_text_samples|wiki]] (there are two map examples that could help.)  To answer your questions: I would not repeat what has already been described.  You can start the zoomed in descriptions with something along the lines of 'This map is a closer image of the Red River area...' you could include some sweeping description like "it includes the areas between these rivers" or "it is bordered by these rivers" etc.  Then you can add more detail into.  Remember that starting big and going small can help in these cases. I also recommend opening a new document to work on the descriptions, so you can easily edit and rewrite as you go.  It is good to remember what the purpose of the map is, and to base your description on that purpose.  In this case it looks like the map is meant to show the layout of the land, so you should describe it in a way the listener can get a sense of the layout. Where are the rivers and important points? Where to do they lead to. You can start big (this is a map of this area that features rivers and this lake) then start at one point and work your way through the map like you are traveling through it. Reading it aloud will also help. +
- +
----- +
- +
- +
-Q: One more question from His Needs, Her Needs. At the very end of the book, there are 5 full-page images that are advertisements for other books by the author, for his website, and for his publisher. They aren't decorative but I'm not sure how important it is to keep them (and therefore add alt-text to describe their content). Would you recommend deleting them or keeping them? +
- +
-A: You can delete these images. +
- +
- +
----- +
- +
-Q: In Appendix B of His Needs, Her Needs, there is a 10 page questionnaire but each page is an image file that contains text, not actually text. Am I right that I should transcribe the text from each image and then delete the image files? +
- +
-A: In this instance the context is critical to understanding the book, and should be transcribed, the images should be removed, and a Producer's Note should be places at the beginning of the book explaining this has been done. I took a peek at some other parts of the book, and there seems to be other surveys as well.  When it comes to these sorts of images it depends again on context, and is a judgement call. If the details of the survey is critical to the understanding of the book, then we do the transcription and Prod Not as mentioned above; if the survey is not critical to the understanding the book then simple Alt-Text is enough (remember to keep the Alt-text brief and concise, and you can refer to our[[public:nnels:etext:alt_text_samples| Alt text examples]] for some inspiration if you need it.)  There is a Question and Answer a bit further down on this page that addresses this as well for your reference. You can also see the section on [[public:nnels:etext:images#images_of_surveys|Image and Surveys]] for more information. +
- +
----- +
- +
- +
-Q: Another caption question! The book I'm working on has a painting at the beginning of each story that goes with the theme of the story. I have extracted the images of the paintings from the epub file but they each have the painting's title and year of creation incorporated into the image as a caption. I know that a caption in the image isn't good enough because it won't be read by TTS software and will be hard to see for people with limited vision. But is it okay that there will be a second caption when I add mine or do I need to figure out how to crop the image to get rid of the built-in caption? +
- +
-A: Great question!  There are two options for this; (1) you could simply transcribe the text from the image at the end of the caption that already exits, or (2) you could transcribe the text from the image into the Alt-text. +
- +
----- +
- +
-Q: What do I do when a single caption refers to and describes two different images? Is it okay to give both images the same caption? ie. copy and paste the caption and apply it once to the first image and then again to the second image? +
- +
-A: You only have to apply the caption to one of the photos.  With the Alt-text and the placing of the images the reader will be able to figure out what is going on. +
- +
- +
----- +
- +
-Q: I have an image of a survey. How should I re format this? +
-{{ :public:nnels:etext:survey_format.png?400 |}} +
- +
- +
- +
-A: It depends on the context of the image. If it’s critical to understanding the book that readers know exactly what was asked in the survey then we might want to translate the entire survey content in a prodnote; otherwise, if it doesn’t really matter to the reading experience what the details of the survey are then alt-text will do. It’s a bit of a judgement call. +
- +
- +
----- +
  
-**Q: If there is a photograph of a letter, should we transcribe it into the alt-text?**+  - it is easier to work in another document as opposed to the Alt-text box, 
 +  - the Production Coordinator will be able to edit and provide full feedback 
 +  - it is easier for you to do revisions.
  
-A: It depends on two factors that should be taken into consideration when writing alternative text (requires some judgement)+When you have completed the document
-  **the context and purpose of the image**: why is the image there? does the author want us to read the contents of the letter? how important is it to be able to read the letter? is there a caption? (if so, does the caption adequately describe the photograph?) You can learn more about when/how to describe here[[https://diagram.herokuapp.com/training/how_to_describe|Determining if the image needs an image description]] +  * Uploaded it to the shared folder on OneDrive titled''Alt-text Documents for EPUB Titles'' 
-  **how long the text is**: Alt text is meant to be a brief description of the image, ideally no more than 120 words as general rule of thumb. If it's necessary to transcribe the letter and the letter is lengthy, we can use an in-text producer's note: [[producers-note|Producer's Note]]+  * Once it is uploaded it is automatically shared with the Production Coordinator 
 +  * Make note in the RT ticket the Alt-text document is in the shared folder
  
 +When you are going through the feedback and doing your revisions, please remember to accept all previous edits, and resolve or answer comments as needed.
  
-----+Here is a video showing you how to create an upload a [[https://screenpal.com/watch/cZnDD7Vd7Ij|Word Doc to the Shared OneDrive]].</note>
  
-**Q: For images that contain a lot of information (such as an Army record that contains a lot of text, finger prints, tables, etc.), what is recommended in terms of Alt Text?**+=======How to Write Alt-text=======
  
-A: Very good question! Image descriptions can be tricky. The first question I like to consider is the purpose of the image: is it decorative? for visual interest only? provide essential information? We also consider if it'adequately described in the surrounding content already+The following documentation will walk you through how to describe different types of images you will come across. 
 +=====Introduction===== 
 +  * [[.images:general_guidelines|General Guidelines]]: start here! These guidelines apply to all image descriptions 
 +  * [[public:nnels:etext:do_s_and_don_t|Alt-Text Review: Do'and Don't]]: review of guidelines and best practices 
 +  * [[.images:common_mistakes_for_beginners|Common Mistakes for Beginners]] 
 +  * [[.images:writing_tip_point_form|Writing Tip for Image Descriptions]]: how to get started using the point form technique if you are struggling to write your first draft. 
 +  * [[.images:how_to_edit_alt-text|Editing Alt-Text]]: tips and tricks to edit your work before you submit 
 +  * [[Image Description Checklist]]: general checklist for describing an image. 
 +  * [[.images:alt-text_q_a|Alt-text Q&A]]: when in doubt, ask!
  
-Let's take "Shaw's US Army Record" image from //Rich man, poor man// as an example (below)There's a lot of text embedded within this image+=====Images by Type===== 
 +     * [[.images:simple_images|Simple Images]] 
 +     * [[.images:medium_images|Medium Images]] 
 +     * [[.images:covers|Covers]] 
 +     * [[.images:text_and_images|Text and Images]] 
 +     * [[.images:complex_images|Complex Images and Long Descriptions]] 
 +     * [[.images:multiple_images|Multiple Images: Two Page Spreads, Images in Sequence, Repeated Images and Grouped Images]]
  
-**What's the purpose?** This image is located at the end of the book (in the biography section) and a brief caption is providedI haven't read the bookbut I think the general purpose of the image is to give the reader a sense of what his Army record looked likeso the alternative text could describe some essential things that we can glean from the record, such asthis is his "Military Record and Report of Separation, Certificate of Service" and it contains both personal data and information about his military history+=====The Finer Details===== 
 +  [[.images:skin_tone_gender_and_age|Skin toneGenderand Age]] 
 +  * [[.images:facial_features|Facial Features and Expressions]]: coming soon 
 +  * [[.images:images_and_colour|Describing Colour in Images]]: How to describe colour vs black and white
  
-**What do I see?** How much information we want to provide about his personal and military history depends on1) what we can actually see! (the image quality is poor, so most likely the author doesn't think it'very important that we see or know the details), and 2) what information might readers want to know that's here and isn't already in the book.+=====Image Heavy Books===== 
 +  [[public:nnels:etext:kids-books:kb_alt-text|Children'Picture Books & Illustrated Books]] 
 +  * [[public:nnels:etext:comics|Comics and Graphic Novels]] 
 +  * [[public:nnels:etext:human-narration-alt-text|Human Narration: Image Description]]
  
-To be honest, I can't make out much information here, so I think it would be perfectly appropriate to leave out specific personal and military history details from the Alternative Text description.+=====Examples and Additional Resources===== 
 +  * [[public:nnels:etext:images:alt_text_examples|Examples of Alt-text]]: examples of image descriptions 
 +  * [[public:nnels:etext:glossary_of_terms|Glossary of Alt-text Terms]]: Words and Synonyms for Writing Alt-text 
 +  * [[extracting_images_ebooks|How to Extract Images from eBooks]]: If your DOC file is missing images 
 +  * [[.images:resources|Resources]]: webinars, websites, and other useful information to learn more about Alt-text!
  
-{{:public:nnels:shawsusarmyrecord.png?direct&200|Shaw's US Army Record}}+<note>Alt-text is **done a bit differently** for Children's Picture Books and Comics. Please visit their respective pages [[public:nnels:etext:kids-books:kb_Alt-text|Alt-text for Picture Books]] and [[public:nnels:etext:comics|Comic Book/Graphic Novel Description: Introduction]] for more information.</note>
  
-For further exploration: Diagram Center is the authority on image descriptions and they have great guidelines and training material: [[https://diagram.herokuapp.com/training/|Image Description Training]]+[[public:nnels:etext:start|Return to main eText Page]]
  
public/nnels/etext/images.1593535225.txt.gz · Last modified: 2020/06/30 09:40 by rachel.osolen