{"id":147,"date":"2016-10-12T15:10:44","date_gmt":"2016-10-12T19:10:44","guid":{"rendered":"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/images\/"},"modified":"2026-01-13T16:37:23","modified_gmt":"2026-01-13T21:37:23","slug":"images","status":"publish","type":"chapter","link":"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/images\/","title":{"raw":"Images","rendered":"Images"},"content":{"raw":"In this section, we provide recommendations to guide your inclusion of accessible, image-based content, including <span style=\"text-align: initial; font-size: 1em;\">photographs, diagrams, pictures, charts, graphs, and maps in the following file types: <\/span>.gif, .jpg, .png.\r\n<h2>Before You Begin<\/h2>\r\n<h3>Why Are You Including the Images You Have Selected?<\/h3>\r\nBefore you can determine what you need to do to make an image\u00a0accessible, you first need to identify its <strong>purpose <\/strong>or<strong> value <\/strong>to your textbook. Consider the following questions:\r\n\r\n1. Does your image serve a\u00a0<a title=\"Functional Images\" href=\"#Functional\"><strong>functional purpose<\/strong><\/a>? In other words, is it conveying important non-textual content to students? If so, you should:\r\n<ul>\r\n \t<li>Provide an alternative text description (alt text) that explains the content that the image is conveying for students who are blind or have low vision.<\/li>\r\n \t<li>Not use colour as the only visual means of conveying information (W3C, 2008) for students who are, for instance, colour blind or have contrast sensitivity issues.<\/li>\r\n<\/ul>\r\n2. Does your image serve more of a\u00a0<a title=\"Decorative Images\" href=\"#Decorative\"><strong>decorative purpose<\/strong><\/a>?\u00a0In other words, is it primarily a design element that does not convey content? If so, you should:\r\n<ul>\r\n \t<li><span style=\"color: #000000;\">Avoid unnecessary alternative text descriptions.\u00a0<\/span><\/li>\r\n<\/ul>\r\n<h2>What Do You Need To Do?<\/h2>\r\n<h3><a id=\"Functional\"><\/a>Functional Images and <a id=\"AltText\"><\/a>Alternative Text Descriptions<\/h3>\r\nConsider what your content would look like if the images didn\u2019t load. Now try writing alternative text descriptions for each image that serve as a replacement and provide the same information as the image.\r\n\r\n<a id=\"alttextguidelines\"><\/a>As you work on developing your\u00a0alternative text descriptions, keep the following recommendations and guidelines in mind:\r\n<ul>\r\n \t<li>Alternative text should convey the content of the image and its purpose (WebAIM, 2014).<\/li>\r\n \t<li>Leave out any\u00a0unnecessary information. For example, you do not need to include information like \"image of...\" or \"photo of...\"; assistive technologies will automatically\u00a0identify the material as an image, so including that detail in your alternative description is superfluous.<\/li>\r\n \t<li>Avoid redundancy of content in your alternative description. Don't\u00a0repeat the same\u00a0information that already appears in text adjacent\u00a0to the image.<\/li>\r\n \t<li>Aim to create a brief description (one or two short sentences -- less than 125 characters) that is an accurate and concise equivalent to the information in the image.<\/li>\r\n \t<li>For more complex images requiring longer descriptions (e.g., detailed charts, graphs, maps), you can either provide the details in the text surrounding the image or provide a link to a longer text description on a separate page in the appendix. You should still include a short text description that gives the image a meaningful name and tells students how to access the longer description.<\/li>\r\n<\/ul>\r\n<strong>Example<\/strong> (from <a href=\"http:\/\/opentextbc.ca\/introductiontosociology\/chapter\/chapter20-population-urbanization-and-the-environment\/\">Introduction to Sociology<\/a>):\r\n\r\n[caption id=\"attachment_146\" align=\"aligncenter\" width=\"268\"]<img class=\"wp-image-143 size-medium\" src=\"https:\/\/openbooks.macewan.ca\/wp-content\/uploads\/sites\/54\/2016\/10\/rio-de-janeiro-and-london-268x300-1.png\" alt=\"Figure 6.3.1 shows a photo of densely packed buildings on a hillside and a photo of an architecturally diverse city skyline.\" width=\"268\" height=\"300\" \/> Figure 6.3.1 The slum city and the global city: the Fav\u00e9la Morro do Praz\u00e8res in Rio de Janeiro and the London financial district show two sides of global urbanization (Photos courtesy of dany13\/Flickr and Peter Pearson\/Flickr)[\/caption]\r\n\r\nThis photograph could be described in this way in the alternative text description:\r\n<blockquote>Figure 6.3.1 shows a photo of densely packed buildings on a hillside and a photo of an architecturally diverse city skyline.<\/blockquote>\r\n<h4><a id=\"alttext\"><\/a>How to Add Alternative Text Descriptions<\/h4>\r\nWhen <a href=\"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/adding-and-editing-images\/#editingimages\">Editing Images<\/a>\u00a0in Pressbooks, provide alternative text descriptions in the box titled \"Alternative Text.\"\r\n\r\nThese descriptions should be no longer than 125 characters, including punctuation and spaces, to work properly with screen readers. Remember: if your description is longer, consider adding the bulk of the description to the surrounding text or including a link to a long description in the appendix.\r\n<h4>How to Add Long Image Descriptions<\/h4>\r\n<ol>\r\n \t<li>Create an appendix entitled, \"Appendix [X]: Figure Descriptions.\"<\/li>\r\n \t<li>In the appendix, list all long image descriptions according to your <a href=\"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/adding-and-editing-images\/#image-numbering-system\">numbering system<\/a>, in the order they appear in your textbook.<\/li>\r\n \t<li>Create and insert your long image description, followed by a link to the image within the chapter. See <a href=\"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/linking-material\/#link-between-chapters\">Linking Material<\/a> for steps on creating links between chapters.<\/li>\r\n \t<li>In the image caption, ensure that you include a link to the long description in the appendix.<\/li>\r\n \t<li>Be sure to include a brief description in the image's \"Alternative Text\" field, within the image editor, that states that there is a long image description available.<\/li>\r\n<\/ol>\r\n<strong>Example <\/strong>See <a href=\"https:\/\/openbooks.macewan.ca\/researchmethods\/chapter\/chapter-summary\/#retfig2.1\">Figure 2.1<\/a> and <a href=\"https:\/\/openbooks.macewan.ca\/researchmethods\/back-matter\/appendix-c-figure-descriptions\/#fig2.1\">Figure 2.1's long image description<\/a> in <a href=\"https:\/\/openbooks.macewan.ca\/researchmethods\/back-matter\/appendix-c-figure-descriptions\/#fig2.1\">Appendix C: Figure Descriptions<\/a> from <a href=\"https:\/\/openbooks.macewan.ca\/researchmethods\/\">Research Methods: Exploring the Social World in Canadian Context<\/a> by Diane Symbaluk and Robyn Hall, licensed under a <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc\/4.0\/\">CC-BY-NC 4.0 license<\/a>\r\n<div class=\"textbox\">\r\n\r\nLet us help! Adding long image descriptions in Pressbooks can be complicated. Email <a href=\"mailto:digitalscholarship@macewan.ca\">digitalscholarship@macewan.ca<\/a> for support.\r\n\r\n<\/div>\r\n<h3><a id=\"Colour\"><\/a>Using\u00a0Colour<\/h3>\r\nConsider what your images would look like if they only displayed in black and white. Would any necessary context or content be lost if the colour was \"turned off\"? Images should not rely on colour to convey information; if the point you are making depends on colour to be understood, you may need to edit your image or formatting so that concepts presented are not lost to those who are colour blind or who require high contrast between colours.\r\n\r\n<strong>Example 1 -- not accessible: <\/strong>\r\n\r\n[caption id=\"attachment_146\" align=\"aligncenter\" width=\"300\"]<img class=\"wp-image-144\" src=\"https:\/\/openbooks.macewan.ca\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-1-300x249-1.jpg\" alt=\"Colour-dependent bar chart\" width=\"300\" height=\"249\" \/> Figure 6.3.2 In this example of a bar chart, colour is the sole means of communicating the data.[\/caption]\r\n\r\n<strong>Example 2 -- not accessible:\u00a0<\/strong>\r\n\r\n[caption id=\"attachment_146\" align=\"aligncenter\" width=\"300\"]<img class=\"wp-image-145 size-medium\" src=\"https:\/\/openbooks.macewan.ca\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-2-300x249-1.jpg\" alt=\"Bar chart viewed in greyscale\" width=\"300\" height=\"249\" \/> Figure 6.3.3 This view of the same bar chart displays how the chart might appear to a student who is colour blind, or whose device does not display colour. All of the meaningful data is lost.[\/caption]\r\n\r\n<strong>Example 3 -- accessible: <\/strong>\r\n\r\n[caption id=\"attachment_146\" align=\"aligncenter\" width=\"300\"]<img class=\"wp-image-146 size-medium\" src=\"https:\/\/openbooks.macewan.ca\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-3-300x268-1.jpg\" alt=\"Modified bar chart with high-contrast colours and labels\" width=\"300\" height=\"268\" \/> Figure 6.3.4 In this view of the bar chart, high-contrast colours have been used so that shading differences will still display in grey scale. Text labels have also been added so that the data is not just being communicated with colour. Note that the chart will still require an <a title=\"Alternative Text descriptions\" href=\"#AltText\">alternative text description<\/a>.[\/caption]\r\n<h3><a id=\"Decorative\"><\/a>Decorative Images<\/h3>\r\nIf your image does not add meaning and is included for decorative or design purposes only, the alternative text description field should be left empty or blank. Assistive technologies will detect the image, and by leaving the alternative text description blank, you will signal to the student that there isn't any contextual content embedded. Including alternative text descriptions for decorative images \"simply slows the process down with no benefit because the screen-reading software vocalizes the content of the [alternative text description], whether that alternative text adds value or not\" (webAccess, 2012).\r\n\r\n<hr \/>\r\n\r\n<h3>References<\/h3>\r\n<p class=\"hanging-indent\">W3C. (2008). <em>Web content accessibility guidelines (WCAG) 2.0<\/em>. <a href=\"http:\/\/www.w3.org\/TR\/WCAG20\">http:\/\/www.w3.org\/TR\/WCAG20<\/a><\/p>\r\n<p class=\"hanging-indent\">webAccess (2012). <em>Top ten tips for making your website accessible<\/em>. <a href=\"https:\/\/web.archive.org\/web\/20121116065653\/http:\/\/webaccess.berkeley.edu\/developer-information\/top-ten-tips\">http:\/\/webaccess.berkeley.edu\/developer-information\/top-ten-tips<\/a> (archived version)<\/p>\r\n<p class=\"hanging-indent\">WebAIM. (2014). <em>Alt text blunders<\/em>. <a href=\"http:\/\/webaim.org\/articles\/gonewild\">http:\/\/webaim.org\/articles\/gonewild<\/a><\/p>","rendered":"<p>In this section, we provide recommendations to guide your inclusion of accessible, image-based content, including <span style=\"text-align: initial; font-size: 1em;\">photographs, diagrams, pictures, charts, graphs, and maps in the following file types: <\/span>.gif, .jpg, .png.<\/p>\n<h2>Before You Begin<\/h2>\n<h3>Why Are You Including the Images You Have Selected?<\/h3>\n<p>Before you can determine what you need to do to make an image\u00a0accessible, you first need to identify its <strong>purpose <\/strong>or<strong> value <\/strong>to your textbook. Consider the following questions:<\/p>\n<p>1. Does your image serve a\u00a0<a title=\"Functional Images\" href=\"#Functional\"><strong>functional purpose<\/strong><\/a>? In other words, is it conveying important non-textual content to students? If so, you should:<\/p>\n<ul>\n<li>Provide an alternative text description (alt text) that explains the content that the image is conveying for students who are blind or have low vision.<\/li>\n<li>Not use colour as the only visual means of conveying information (W3C, 2008) for students who are, for instance, colour blind or have contrast sensitivity issues.<\/li>\n<\/ul>\n<p>2. Does your image serve more of a\u00a0<a title=\"Decorative Images\" href=\"#Decorative\"><strong>decorative purpose<\/strong><\/a>?\u00a0In other words, is it primarily a design element that does not convey content? If so, you should:<\/p>\n<ul>\n<li><span style=\"color: #000000;\">Avoid unnecessary alternative text descriptions.\u00a0<\/span><\/li>\n<\/ul>\n<h2>What Do You Need To Do?<\/h2>\n<h3><a id=\"Functional\"><\/a>Functional Images and <a id=\"AltText\"><\/a>Alternative Text Descriptions<\/h3>\n<p>Consider what your content would look like if the images didn\u2019t load. Now try writing alternative text descriptions for each image that serve as a replacement and provide the same information as the image.<\/p>\n<p><a id=\"alttextguidelines\"><\/a>As you work on developing your\u00a0alternative text descriptions, keep the following recommendations and guidelines in mind:<\/p>\n<ul>\n<li>Alternative text should convey the content of the image and its purpose (WebAIM, 2014).<\/li>\n<li>Leave out any\u00a0unnecessary information. For example, you do not need to include information like &#8220;image of&#8230;&#8221; or &#8220;photo of&#8230;&#8221;; assistive technologies will automatically\u00a0identify the material as an image, so including that detail in your alternative description is superfluous.<\/li>\n<li>Avoid redundancy of content in your alternative description. Don&#8217;t\u00a0repeat the same\u00a0information that already appears in text adjacent\u00a0to the image.<\/li>\n<li>Aim to create a brief description (one or two short sentences &#8212; less than 125 characters) that is an accurate and concise equivalent to the information in the image.<\/li>\n<li>For more complex images requiring longer descriptions (e.g., detailed charts, graphs, maps), you can either provide the details in the text surrounding the image or provide a link to a longer text description on a separate page in the appendix. You should still include a short text description that gives the image a meaningful name and tells students how to access the longer description.<\/li>\n<\/ul>\n<p><strong>Example<\/strong> (from <a href=\"http:\/\/opentextbc.ca\/introductiontosociology\/chapter\/chapter20-population-urbanization-and-the-environment\/\">Introduction to Sociology<\/a>):<\/p>\n<figure id=\"attachment_146\" aria-describedby=\"caption-attachment-146\" style=\"width: 268px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-143 size-medium\" src=\"https:\/\/openbooks.macewan.ca\/wp-content\/uploads\/sites\/54\/2016\/10\/rio-de-janeiro-and-london-268x300-1.png\" alt=\"Figure 6.3.1 shows a photo of densely packed buildings on a hillside and a photo of an architecturally diverse city skyline.\" width=\"268\" height=\"300\" srcset=\"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2016\/10\/rio-de-janeiro-and-london-268x300-1.png 268w, https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2016\/10\/rio-de-janeiro-and-london-268x300-1-65x73.png 65w, https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2016\/10\/rio-de-janeiro-and-london-268x300-1-225x252.png 225w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><figcaption id=\"caption-attachment-146\" class=\"wp-caption-text\">Figure 6.3.1 The slum city and the global city: the Fav\u00e9la Morro do Praz\u00e8res in Rio de Janeiro and the London financial district show two sides of global urbanization (Photos courtesy of dany13\/Flickr and Peter Pearson\/Flickr)<\/figcaption><\/figure>\n<p>This photograph could be described in this way in the alternative text description:<\/p>\n<blockquote><p>Figure 6.3.1 shows a photo of densely packed buildings on a hillside and a photo of an architecturally diverse city skyline.<\/p><\/blockquote>\n<h4><a id=\"alttext\"><\/a>How to Add Alternative Text Descriptions<\/h4>\n<p>When <a href=\"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/adding-and-editing-images\/#editingimages\">Editing Images<\/a>\u00a0in Pressbooks, provide alternative text descriptions in the box titled &#8220;Alternative Text.&#8221;<\/p>\n<p>These descriptions should be no longer than 125 characters, including punctuation and spaces, to work properly with screen readers. Remember: if your description is longer, consider adding the bulk of the description to the surrounding text or including a link to a long description in the appendix.<\/p>\n<h4>How to Add Long Image Descriptions<\/h4>\n<ol>\n<li>Create an appendix entitled, &#8220;Appendix [X]: Figure Descriptions.&#8221;<\/li>\n<li>In the appendix, list all long image descriptions according to your <a href=\"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/adding-and-editing-images\/#image-numbering-system\">numbering system<\/a>, in the order they appear in your textbook.<\/li>\n<li>Create and insert your long image description, followed by a link to the image within the chapter. See <a href=\"https:\/\/openbooks.macewan.ca\/authorsguide\/chapter\/linking-material\/#link-between-chapters\">Linking Material<\/a> for steps on creating links between chapters.<\/li>\n<li>In the image caption, ensure that you include a link to the long description in the appendix.<\/li>\n<li>Be sure to include a brief description in the image&#8217;s &#8220;Alternative Text&#8221; field, within the image editor, that states that there is a long image description available.<\/li>\n<\/ol>\n<p><strong>Example <\/strong>See <a href=\"https:\/\/openbooks.macewan.ca\/researchmethods\/chapter\/chapter-summary\/#retfig2.1\">Figure 2.1<\/a> and <a href=\"https:\/\/openbooks.macewan.ca\/researchmethods\/back-matter\/appendix-c-figure-descriptions\/#fig2.1\">Figure 2.1&#8217;s long image description<\/a> in <a href=\"https:\/\/openbooks.macewan.ca\/researchmethods\/back-matter\/appendix-c-figure-descriptions\/#fig2.1\">Appendix C: Figure Descriptions<\/a> from <a href=\"https:\/\/openbooks.macewan.ca\/researchmethods\/\">Research Methods: Exploring the Social World in Canadian Context<\/a> by Diane Symbaluk and Robyn Hall, licensed under a <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc\/4.0\/\">CC-BY-NC 4.0 license<\/a><\/p>\n<div class=\"textbox\">\n<p>Let us help! Adding long image descriptions in Pressbooks can be complicated. Email <a href=\"mailto:digitalscholarship@macewan.ca\">digitalscholarship@macewan.ca<\/a> for support.<\/p>\n<\/div>\n<h3><a id=\"Colour\"><\/a>Using\u00a0Colour<\/h3>\n<p>Consider what your images would look like if they only displayed in black and white. Would any necessary context or content be lost if the colour was &#8220;turned off&#8221;? Images should not rely on colour to convey information; if the point you are making depends on colour to be understood, you may need to edit your image or formatting so that concepts presented are not lost to those who are colour blind or who require high contrast between colours.<\/p>\n<p><strong>Example 1 &#8212; not accessible: <\/strong><\/p>\n<figure id=\"attachment_146\" aria-describedby=\"caption-attachment-146\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-144\" src=\"https:\/\/openbooks.macewan.ca\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-1-300x249-1.jpg\" alt=\"Colour-dependent bar chart\" width=\"300\" height=\"249\" srcset=\"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-1-300x249-1.jpg 300w, https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-1-300x249-1-65x54.jpg 65w, https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-1-300x249-1-225x187.jpg 225w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-146\" class=\"wp-caption-text\">Figure 6.3.2 In this example of a bar chart, colour is the sole means of communicating the data.<\/figcaption><\/figure>\n<p><strong>Example 2 &#8212; not accessible:\u00a0<\/strong><\/p>\n<figure id=\"attachment_146\" aria-describedby=\"caption-attachment-146\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-145 size-medium\" src=\"https:\/\/openbooks.macewan.ca\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-2-300x249-1.jpg\" alt=\"Bar chart viewed in greyscale\" width=\"300\" height=\"249\" srcset=\"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-2-300x249-1.jpg 300w, https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-2-300x249-1-65x54.jpg 65w, https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-2-300x249-1-225x187.jpg 225w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-146\" class=\"wp-caption-text\">Figure 6.3.3 This view of the same bar chart displays how the chart might appear to a student who is colour blind, or whose device does not display colour. All of the meaningful data is lost.<\/figcaption><\/figure>\n<p><strong>Example 3 &#8212; accessible: <\/strong><\/p>\n<figure id=\"attachment_146\" aria-describedby=\"caption-attachment-146\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-146 size-medium\" src=\"https:\/\/openbooks.macewan.ca\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-3-300x268-1.jpg\" alt=\"Modified bar chart with high-contrast colours and labels\" width=\"300\" height=\"268\" srcset=\"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-3-300x268-1.jpg 300w, https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-3-300x268-1-65x58.jpg 65w, https:\/\/openbooks.macewan.ca\/authorsguide\/wp-content\/uploads\/sites\/54\/2026\/01\/colour-depend-3-300x268-1-225x201.jpg 225w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-146\" class=\"wp-caption-text\">Figure 6.3.4 In this view of the bar chart, high-contrast colours have been used so that shading differences will still display in grey scale. Text labels have also been added so that the data is not just being communicated with colour. Note that the chart will still require an <a title=\"Alternative Text descriptions\" href=\"#AltText\">alternative text description<\/a>.<\/figcaption><\/figure>\n<h3><a id=\"Decorative\"><\/a>Decorative Images<\/h3>\n<p>If your image does not add meaning and is included for decorative or design purposes only, the alternative text description field should be left empty or blank. Assistive technologies will detect the image, and by leaving the alternative text description blank, you will signal to the student that there isn&#8217;t any contextual content embedded. Including alternative text descriptions for decorative images &#8220;simply slows the process down with no benefit because the screen-reading software vocalizes the content of the [alternative text description], whether that alternative text adds value or not&#8221; (webAccess, 2012).<\/p>\n<hr \/>\n<h3>References<\/h3>\n<p class=\"hanging-indent\">W3C. (2008). <em>Web content accessibility guidelines (WCAG) 2.0<\/em>. <a href=\"http:\/\/www.w3.org\/TR\/WCAG20\">http:\/\/www.w3.org\/TR\/WCAG20<\/a><\/p>\n<p class=\"hanging-indent\">webAccess (2012). <em>Top ten tips for making your website accessible<\/em>. <a href=\"https:\/\/web.archive.org\/web\/20121116065653\/http:\/\/webaccess.berkeley.edu\/developer-information\/top-ten-tips\">http:\/\/webaccess.berkeley.edu\/developer-information\/top-ten-tips<\/a> (archived version)<\/p>\n<p class=\"hanging-indent\">WebAIM. (2014). <em>Alt text blunders<\/em>. <a href=\"http:\/\/webaim.org\/articles\/gonewild\">http:\/\/webaim.org\/articles\/gonewild<\/a><\/p>\n","protected":false},"author":4,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"Images","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-147","chapter","type-chapter","status-publish","hentry"],"part":137,"_links":{"self":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/users\/4"}],"version-history":[{"count":2,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/147\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/147\/revisions\/201"}],"part":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/parts\/137"}],"metadata":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapters\/147\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/media?parent=147"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/pressbooks\/v2\/chapter-type?post=147"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/contributor?post=147"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/openbooks.macewan.ca\/authorsguide\/wp-json\/wp\/v2\/license?post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}