User Tools

You are here: start » public » nnels » etext » complex-image-description
Trace:

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:complex-image-description [2021/06/11 19:45]
rachel.osolen [Adding Links and Bookmarks] 		public:nnels:etext:complex-image-description [2024/05/24 21:11] (current)
rachel.osolen
Line 1: Line 1:
-=======Complex Image Descriptions=======+=======Complex Image Description Section=======
  
-The ''Complex Image Descriptions'' section goes near the end of the book, and it is where you place your complex descriptions.+[French: //Descriptions d'images complexes//] 
 + 
 +The ''Complex Image Descriptions'' section goes at the end of the book, before the Terms of Use section,  and it is where you place your complex descriptions.
  
 We create longer, complex descriptions for any image that contains complex information or data. Common examples are Maps, Graphs, Charts and Diagrams. 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]]. We create longer, complex descriptions for any image that contains complex information or data. Common examples are Maps, Graphs, Charts and Diagrams. 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]].
Line 7: Line 9:
 For images that require more complex or extended descriptions we create two descriptions: For images that require more complex or extended descriptions we create two descriptions:
  
-  - Standard [[public:nnels:etext:alt_text_samples|Alt-Text]] in Alt-Text Description Box ending with the ''See the link below the image for an extended description.'' +  - Simple Image Description summarizing the image in Alt-Text Description Box ending with the ''See the link below the image for an extended description.'' Note: This can be just one or two sentences, as the Long Description will go into the details. 
-  - [[public:nnels:etext:complex-image-description#writing_long_descriptions|Long Description]] in the Complex Image Descriptions Section that links back to the image being described.+  - Long Description in the Complex Image Descriptions Section with 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 important>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>
  
 ======Creating Section: Headings, Bookmarks and Hyperlinks===== ======Creating Section: Headings, Bookmarks and Hyperlinks=====
  
-Section title is Complex Image Descriptions. Apply ''Heading Style 1'' to heading. Place the section in the back matter of the book //before// the [[public:nnels:etext:terms-of-use|Terms of Use]] section.+First you want to create the main section for these longer descriptions. Do the following: 
 +Section title is Complex Image Descriptions. Apply ''Heading Style 1'' to heading. 
 +Place the section in the back matter of the book //before// the [[public:nnels:etext:terms-of-use|Terms of Use]] section. 
 +Below this heading add the following text: ''Below you will find the complex descriptions for images in the text.'' 
 +Make sure this text is styled as ''Normal'' 
 +Subheadings for each image description go below this text 
 + 
 +<note>False navigation can happen when there is no content between headings (usually normal style text). A screenreader user will think they have missed information. Unfortunately, **we are not editors** so we can not fix this if it happens in the main book content of the title we are reformatting. But, we do create the Complex Image Descriptions section, so we can avoid this problem by following the above documentation.</note>
  
 <note>Don't forget to include a brief description in the Alt-text box for the image ending with ''See the link below the image for an extended description.''</note> <note>Don't forget to include a brief description in the Alt-text box for the image ending with ''See the link below the image for an extended description.''</note>
  
-====Setting Up Headings and Text====+====Setting Up Subsection Headings and Text====
  
 You need to set up your headings and the text before you can create the internal navigation. You need to set up your headings and the text before you can create the internal navigation.
 +
 +===Add Text Below Image===
  
 For the Image: For the Image:
   * Locate the image in the text that requires a complex description   * Locate the image in the text that requires a complex description
-  * Below the Image and Caption enter the text:  ''Follow this link for an extended description at the end of the book.''+  * Below the Image and Caption add the text:  ''Follow this link for an extended description at the end of the book.'' or for french books ''Suivez ce lien pour une description détaillée à la fin du livre.''
   * Style as ''Normal''   * Style as ''Normal''
- 
-<note>Do not create a heading for the image. Images do not require additional headings</note> 
  
 <WRAP center round box 80%> <WRAP center round box 80%>
Line 39: Line 48:
 </WRAP> </WRAP>
  
 +===Add Subheadings and Navigation Text for Descriptions===
  
-For the Complex Image Description:+Next you have to add subsection headings for each long description.
   * Locate the Complex Image Descriptions section   * Locate the Complex Image Descriptions section
   * Create a subheading section in ''Heading 2'' style   * Create a subheading section in ''Heading 2'' style
   * Title the section ''Description of ___''   * Title the section ''Description of ___''
      * e.g. Description of Map for Number of Cars Registered in 1912      * e.g. Description of Map for Number of Cars Registered in 1912
-  * Enter your complex description in this section. See below for [[public:nnels:etext:complex-image-description#writing_complex_descriptions|writing tips]]. + 
-  * At the end of the description enter the text: ''Navigate back to image.''+Under this subheading insert the image you are describing before the long description. To set an image as decorative: 
 +  * Left click the image. 
 +  * Select View Alt-text 
 +  * This will open the Alt-text pane to the right of your work area 
 +  * Below the Alt-text box there is the option to ''Mark as Decorative'' 
 +  * Select this option 
 + 
 +<note>We enter the images in this section for people who are low vision or have cognitive reading disabilities. We mark them as decorative so the screenreader users do not find an image without Alt-text. </note> 
 + 
 +Your complex description goes below the image, and the navigational text to return to the book goes below your description. 
 +  * Enter your complex description in this section. See [[public:nnels:etext:images:complex_images|Complex Images and Long Descriptions]] on how to write Alt-text. 
 +  * At the end of the description enter the text: ''Navigate back to image.'' or for French books ''Retournez à l'image.''
   * Style as ''Normal''   * Style as ''Normal''
  
Line 57: Line 78:
  
 Description of Map for Number of Cars Registered in 1912 [heading 2] Description of Map for Number of Cars Registered in 1912 [heading 2]
 +{{ :public:nnels:etext:manitoba_map_sample_description.png?400 |}}
 +(Image set to decorative)
  
 Map depicting vehicle ownership in Southern Manitoba. The title of the map reads: Number of Cars Registered in 1912. There is a legend that shows red circles of increasing size with a white car icon in the center of the circle. Each circle represents a number of cars. The smallest circle is 1-5, then next size up is 6-10, then 11-25, then 26-100, then 101-1000 then 1001-2025. Map depicting vehicle ownership in Southern Manitoba. The title of the map reads: Number of Cars Registered in 1912. There is a legend that shows red circles of increasing size with a white car icon in the center of the circle. Each circle represents a number of cars. The smallest circle is 1-5, then next size up is 6-10, then 11-25, then 26-100, then 101-1000 then 1001-2025.
Line 125: Line 148:
 <note tip>You can set your bookmarks to be visible to help you keep track of where they are in your document. <note tip>You can set your bookmarks to be visible to help you keep track of where they are in your document.
  
-For ''Window's PC'': Open the Options Dialogue box through File>Options and select the Advanced section. Scroll down to Show Document Content section and make sure ''Bookmarks'' is selected. Click OK. You will now see a square bracket beside the location of your bookmark.+For ''Window's PC'': Open the Options Dialogue box through File>Options and select the Advanced section. Scroll down to the Show Document Content section and make sure ''Bookmarks'' is selected. Click OK. You will now see a square bracket beside the location of your bookmark.
  
 For ''Mac'': Open the Words Preferences box through Word>Preferences and select View. Make sure ''Bookmarks'' is selected. Close the window. You will now see a square bracket beside the location of your bookmark.</note> For ''Mac'': Open the Words Preferences box through Word>Preferences and select View. Make sure ''Bookmarks'' is selected. Close the window. You will now see a square bracket beside the location of your bookmark.</note>
Line 136: Line 159:
   * Select ''Bookmark''   * Select ''Bookmark''
   * A popup window will appear   * A popup window will appear
-  * Click and highlight the bookmark you with to delete+  * Click and highlight the bookmark you wish to delete
   * Select ''Delete''   * Select ''Delete''
  
-======Writing Long Descriptions====== +<note>On how to write long descriptions go to [[public:nnels:etext:images:complex_images|Complex Images and Long Descriptions]].</note>
- +
-Remember to include a basic Alt-text description for the image itself along with a note that the reader can find a longer description in another location of the book. Simply enter the sentence ''See the link below the image for an extended description.'' at the end of the Alt-text. This way readers are aware there is a longer description.  +
- +
-We also do this because all non-decorative images require alt-text, even if a long description is also provided. +
- +
-Empty Alt-tags in non-decorative images can be confusing to the reader, and leave out part of the experience of reading. +
- +
-When creating a complex description work from the general to the specific: provide an overview of the image before you describe specific details. +
- +
-A good strategy is to break the image up into its component parts, and then organize them so that the description makes logical sense. +
- +
-Long descriptions can seem overwhelming at first, but if you follow this advice they become easier. +
- +
- +
-The complex descriptions must also follow the standard Alt-text guidelines (though it will be longer that 2-3 sentences). +
-  * Use as few words as possible. Be clear and precise. +
-  * Focus on the data and not on extraneous visual elements. +
-  * NOTE: If the visual elements are important to understanding the image then describe them. If unsure, ask! +
-  * The reader should be able to understand the description in one reading. +
-  * Start with a brief description, followed by more specific information. This allows the reader to get the initial concept and read further if desired. +
-  * Some content is better converted to tables than being provided in a narrative description. +
-  * Some content presented visually can be converted to nested lists. +
- +
- +
- +
-=====Maps===== +
-  * Include the Name/Title of the Map and a Description of the Legend +
-  * It is not necessary to describe types of lines/colour-coding and images when this information can be described using the information the legend conveys.  +
-  * Aim for clarity, even if detail is sacrificed. Focus on the information that is relevant in the greater context of the book. +
-  * Ask yourself: What is this Map telling the reader? Only describe what is necessary to convey the intended meaning of the map. This will vary. +
- +
-More tips on [[http://4syllables.com.au/articles/text-alternatives-maps/|writing text descriptions for maps]]. +
- +
-<note>Not all graphs require a long description. More simple graphs and charts can be easily described in 3-4 sentences and can go directly into the Alt-text.</note> +
- +
-See examples on [[public:nnels:etext:alt_text_samples#maps|Samples of Alt Text]] +
- +
-=====Graphs/Charts===== +
-  * Describe only the visual features that convey this meaning. +
-  * Describe the layout of the graph before describing specific data (i.e. "A Bar Chart of ...") +
-  * Provide the most relevant information first, like what is being measured on the X and Y axes. +
-  * Make sure what you are describing is relevant to the image. Do not simply repeat the titles and labels without providing information about what the graph portrays. +
-  * For units, use the full word instead of short forms (ex. Use “seconds” instead of “s”) and ensure the unit is described consistently throughout the description. +
- +
-<note>Not all graphs require a long description. More simple graphs and charts can be easily described in 3-4 sentences and can go directly into the Alt-text.</note> +
- +
-For examples see [[public:nnels:etext:alt_text_samples#graphs_charts1|Alt-Text Samples]]. +
- +
- +
-=====Text===== +
- +
-Some images with text will need a long description. +
- +
-Follow the same rules as for other long descriptions. +
- +
-The Alt text itself will be a brief description of the image **without transcribing the text.** +
- +
-The text will be **transcribed into the long description**. +
- +
-Make a note in the Alt text that the transcription can be found in the longer description. +
  
-For examples see [[public:nnels:etext:alt_text_samples#text|Alt-Text Samples]].+<note tip>If you have any questions, post your question on the [[public:nnels:etext:q_a|Production Q&A]] 
 +</note>
  
  
-----+[[public:nnels:etext:start|Return to main eText Page]]
  
-More info on writing extended or long descriptions: 
-  * [[https://4syllables.com.au/articles/long-descriptions/|Long descriptions - part 1]] 
-  * [[http://4syllables.com.au/articles/long-descriptions-2/|Long descriptions - part 2]] 
  
public/nnels/etext/complex-image-description.1623440745.txt.gz · Last modified: 2021/06/11 19:45 by rachel.osolen

Page Tools

BC Libraries Coop wiki

Site Tools