{"id":2007,"date":"2022-02-15T10:03:54","date_gmt":"2022-02-15T15:03:54","guid":{"rendered":"https:\/\/new.umaine.edu\/userguide\/?p=2007"},"modified":"2022-07-22T10:04:39","modified_gmt":"2022-07-22T14:04:39","slug":"accessibility-and-inclusion-accessible-image-checklist","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2022\/02\/15\/accessibility-and-inclusion-accessible-image-checklist\/","title":{"rendered":"Accessibility and inclusion: Accessible image checklist"},"content":{"rendered":"<p>Web accessibility has always been a requirement for 91¸£Àû websites, and has been a regular feature in our monthly newsletter. Ensuring your content is accessible is part of an inclusive communication strategy.<\/p>\n<p>Using photos and infographics is a great way to inject visual interest into your web content. Web accessibility guidelines recognize this, and give guidance for how to add visual elements in a manner that will ensure you are effectively communicating to all of your audience, even those who may need a visual accommodation.<\/p>\n<p>Below are handy checklists for images in general and specific considerations when adding more complex images such as charts, graphs, and infographics.<\/p>\n<h3><strong>Accessible image checklist<\/strong><\/h3>\n<ul>\n<li dir=\"ltr\" role=\"checkbox\" aria-checked=\"false\" aria-level=\"1\">\n<p dir=\"ltr\" role=\"presentation\">Add descriptive or alternative text to images unless purely decorative &#8211; remember to keep the alt text under 150 characters and only to include essential information. Do not use the word \u201cimage\u201d &#8211; instead describe the type of image: graphic, illustration, photograph, logo. Logos need only to be indicated as present and not described.<\/p>\n<\/li>\n<li dir=\"ltr\" role=\"checkbox\" aria-checked=\"false\" aria-level=\"1\">\n<p dir=\"ltr\" role=\"presentation\">Check\u00a0<a href=\"https:\/\/monsido.com\/tools\/contrast-checker\">color contrast guidelines<\/a>\u00a0and use color pairings that are different enough in color contrast value<\/p>\n<\/li>\n<\/ul>\n<h3><strong>Informational image \/ infographic image checklist<\/strong><\/h3>\n<ul>\n<li dir=\"ltr\" role=\"checkbox\" aria-checked=\"false\" aria-level=\"1\">\n<p dir=\"ltr\" role=\"presentation\">The information is presented in writing as well as in image, and the user knows where to find the information in writing<\/p>\n<\/li>\n<li dir=\"ltr\" role=\"checkbox\" aria-checked=\"false\" aria-level=\"1\">\n<p dir=\"ltr\" role=\"presentation\">The alternative text of the image uses the title of the information and reflects where the user can find the information in writing<\/p>\n<\/li>\n<li dir=\"ltr\" role=\"checkbox\" aria-checked=\"false\" aria-level=\"1\">\n<p dir=\"ltr\" role=\"presentation\">If a conclusion can be made about the data, the conclusion is also included in writing (exception: in a learning environment when a learner needs to make conclusions about the data themselves)<\/p>\n<\/li>\n<li dir=\"ltr\" role=\"checkbox\" aria-checked=\"false\" aria-level=\"1\">\n<p dir=\"ltr\" role=\"presentation\">Multiple data sets conveyed with color pass color contrast ratio requirements<\/p>\n<\/li>\n<li dir=\"ltr\" role=\"checkbox\" aria-checked=\"false\" aria-level=\"1\">\n<p dir=\"ltr\" role=\"presentation\">If more than three data sets are being used, information conveyed with color also uses texture or shape in addition to the color (information is not being conveyed solely with color)<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Web accessibility has always been a requirement for 91¸£Àû websites, and has been a regular feature in our monthly newsletter. Ensuring your content is accessible is part of an inclusive communication strategy. Using photos and infographics is a great way to inject visual interest into your web content. Web accessibility guidelines recognize this, and give [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"30","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":0},"categories":[30],"tags":[],"class_list":["post-2007","post","type-post","status-publish","format-standard","hentry","category-accessibility"],"taxonomy_info":{"category":[{"value":30,"label":"Accessibility"}]},"featured_image_src_large":false,"author_info":{"display_name":"kirby","author_link":"https:\/\/umaine.edu\/userguide\/author\/kirby\/"},"comment_info":"","category_info":[{"term_id":30,"name":"Accessibility","slug":"accessibility","term_group":0,"term_taxonomy_id":30,"taxonomy":"category","description":"","parent":0,"count":60,"filter":"raw","cat_ID":30,"category_count":60,"category_description":"","cat_name":"Accessibility","category_nicename":"accessibility","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=2007"}],"version-history":[{"count":1,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2007\/revisions"}],"predecessor-version":[{"id":2008,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2007\/revisions\/2008"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=2007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=2007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=2007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}