{"id":1706,"date":"2017-03-29T10:15:11","date_gmt":"2017-03-29T14:15:11","guid":{"rendered":"https:\/\/michigan.it.umich.edu\/news?p=1706&#038;preview=true&#038;preview_id=1706"},"modified":"2024-07-08T06:06:30","modified_gmt":"2024-07-08T10:06:30","slug":"making-common-digital-tasks-accessible","status":"publish","type":"post","link":"https:\/\/michigan.it.umich.edu\/news\/2017\/03\/29\/making-common-digital-tasks-accessible\/","title":{"rendered":"Making common digital tasks accessible"},"content":{"rendered":"<p><i><\/i><em><span style=\"font-weight: 400;\">It\u2019s important to give accessibility and the needs of users with disabilities consideration in our daily communications. There are common digital tasks we perform that, with a small amount of effort and forethought, can be more supportive of users with disabilities. As U-M employees we are both morally and legally obligated to support the needs of disabled users.<\/span><\/em><\/p>\n<h1><span style=\"font-weight: 400;\">Easy ways to increase accessibility<\/span><\/h1>\n<h2><span style=\"font-weight: 400;\">Images<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Screen readers, used by people who are blind or have low vision, can have difficulty interpreting text found within images. Text within images also has a tendency to pixelate when enlarged, which can make reading difficult for users with low vision. Traditional text, like on web pages, Word documents, or standard PDFs, can be easily scaled or enlarged and read by screen readers. This is not to say don\u2019t use images. When using images, for example in an email with a flier graphic or an infographic, also include a text version of the information for users with disabilities.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s also worth noting that images containing text don\u2019t scale well on mobile devices. Images with text that are not accompanied by descriptive text or HTML are also difficult for search engines to interpret and index. Most importantly, providing redundant descriptive text increases the audience that benefits from the original graphical content.<\/span><\/p>\n<div id=\"attachment_2847\" style=\"width: 670px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2847\" class=\"wp-image-2847 size-full\" src=\"https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/event-screenshots.jpg\" alt=\"Two screenshots of event flier and calendar info at mobile size and resolution.\" width=\"660\" height=\"242\" srcset=\"https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/event-screenshots.jpg 660w, https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/event-screenshots-125x46.jpg 125w, https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/event-screenshots-300x110.jpg 300w, https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/event-screenshots-658x242.jpg 658w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><p id=\"caption-attachment-2847\" class=\"wp-caption-text\"><span style=\"font-weight: 400;\">A large flier image shown to scale on a mobile device. This flier was displayed in addition to standard text information <\/span><a href=\"https:\/\/events.umich.edu\/event\/39539\"><span style=\"font-weight: 400;\">within the U-M events system<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p><\/div>\n<h2><span style=\"font-weight: 400;\">PDFs<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">When creating PDFs include descriptive text when using images. Scanned PDFs, for example, will usually consist of only images. In this case, screen reading technology will not be able to interpret the PDF. An option for improving PDFs such as these is to use <\/span><a href=\"https:\/\/acrobat.adobe.com\/us\/en\/acrobat\/how-to\/ocr-software-convert-pdf-to-text.html\"><span style=\"font-weight: 400;\">Adobe\u2019s pretty good but not always reliable text recognition software<\/span><\/a><span style=\"font-weight: 400;\">. Another option is to recreate or append to the PDF the textual content <\/span><a href=\"https:\/\/acrobat.adobe.com\/us\/en\/acrobat\/how-to\/pdf-editor-pdf-files.html\"><span style=\"font-weight: 400;\">using Adobe Acrobat\u2019s content editing tools<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><span style=\"font-weight: 400;\">To learn more, please refer to <\/span><a href=\"http:\/\/webaim.org\/techniques\/acrobat\/\"><span style=\"font-weight: 400;\">WebAIM\u2019s article on creating accessible PDFs<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Contrast<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Consider text and background color when creating documents, spreadsheets, or images. Light grey text color on a white background can look good to your eye, but this contrast may make the text difficult to distinguish from the background for low vision users. Putting text over a pretty but busy background (on a flier for example) can also have poor contrast. Try to keep the text to background contrast high and clear. With a little know how, you can use <\/span><a href=\"https:\/\/www.paciellogroup.com\/resources\/contrastanalyser\/\"><span style=\"font-weight: 400;\">color contrast checkers<\/span><\/a><span style=\"font-weight: 400;\"> to ensure your document has high and accessible contrast.<\/span><\/p>\n<div id=\"attachment_2839\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2839\" class=\"wp-image-2839 size-full\" src=\"https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/contrast.jpeg\" alt=\"Light blue text on a patterned blue background.\" width=\"400\" height=\"65\" srcset=\"https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/contrast.jpeg 400w, https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/contrast-125x20.jpeg 125w, https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/contrast-300x49.jpeg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><p id=\"caption-attachment-2839\" class=\"wp-caption-text\">An example of text with poor background contrast.<\/p><\/div>\n<p><i><\/i><span style=\"font-weight: 400;\">U-M offers resources for people interested in improving accessibility across campus:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Office of Institutional Equity<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/hr.umich.edu\/about-uhr\/service-areas-offices\/office-institutional-equity\"><span style=\"font-weight: 400;\">https:\/\/hr.umich.edu\/about-uhr\/service-areas-offices\/office-institutional-equity<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/webaccess.hr.umich.edu\/\"><span style=\"font-weight: 400;\">http:\/\/webaccess.hr.umich.edu\/<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"mailto:institutional.equity@umich.edu\"><span style=\"font-weight: 400;\">institutional.equity@umich.edu<\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Office of Services for Students with Disabilities<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/ssd.umich.edu\/\"><span style=\"font-weight: 400;\">https:\/\/ssd.umich.edu\/<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"mailto:ssdoffice@umich.edu\"><span style=\"font-weight: 400;\">ssdoffice@umich.edu<\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Web Accessibility Working Group<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">https:\/\/mcommunity.umich.edu\/#group:webaccess<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"mailto:webaccess@umich.edu\">webaccess@umich.edu<\/a><\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">If you would like to read more about accessibility and what you can do to help, <\/span><a href=\"http:\/\/webaim.org\/articles\/\"><span style=\"font-weight: 400;\">WebAIM<\/span><\/a><span style=\"font-weight: 400;\"> is a great resource:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/webaim.org\/techniques\/word\/\"><span style=\"font-weight: 400;\">Accessible Word Documents<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/webaim.org\/techniques\/acrobat\/\"><span style=\"font-weight: 400;\">Accessible PDF Documents<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/webaim.org\/techniques\/images\/\"><span style=\"font-weight: 400;\">Accessible Images<\/span><\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s important to give accessibility and the needs of users with disabilities consideration in our daily communications. There are common digital tasks we perform that, with a small amount of effort and forethought, can be more supportive of users with disabilities. As U-M employees we are both morally and legally obligated to support the needs of disabled users.\u2026 <span class=\"read-more\"><a href=\"https:\/\/michigan.it.umich.edu\/news\/2017\/03\/29\/making-common-digital-tasks-accessible\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":21,"featured_media":2849,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","_umich_oidc_access":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_ef_editorial_meta_date_first-draft-date":"1490313600","_ef_editorial_meta_paragraph_assignment":"Robert LaRoe  Webmaster - Web Systems and Public Relations\r\nSchool of Social Work. From Symposium sign-up","_ef_editorial_meta_checkbox_needs-photo":"1","_ef_editorial_meta_number_word-count":"500","footnotes":""},"categories":[4],"tags":[95,111],"class_list":["post-1706","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-features","tag-accessibility","tag-web"],"uagb_featured_image_src":{"full":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639.png",291,191,false],"thumbnail":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639-125x82.png",125,82,true],"medium":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-180x200.png",180,200,true],"medium_large":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639.png",291,191,false],"large":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639.png",291,191,false],"1536x1536":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639.png",291,191,false],"2048x2048":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639.png",291,191,false],"excerpt-thumbnail":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639-200x140.png",200,140,true],"themonic-thumbnail":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639-60x42.png",60,42,true],"ioslider-thumbnail":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-291x300.png",291,300,true],"post-thumbnail":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639.png",291,191,false],"400x250-crop":["https:\/\/michigan.it.umich.edu\/news\/wp-content\/uploads\/2017\/03\/display-alt-text-e1490797132639.png",291,191,false]},"uagb_author_info":{"display_name":"Robert LaRoe, Webmaster School of Social Work","author_link":"https:\/\/michigan.it.umich.edu\/news\/author\/rlaroe\/"},"uagb_comment_info":0,"uagb_excerpt":"It\u2019s important to give accessibility and the needs of users with disabilities consideration in our daily communications. There are common digital tasks we perform that, with a small amount of effort and forethought, can be more supportive of users with disabilities. As U-M employees we are both morally and legally obligated to support the needs&hellip;","_links":{"self":[{"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/posts\/1706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/comments?post=1706"}],"version-history":[{"count":9,"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/posts\/1706\/revisions"}],"predecessor-version":[{"id":2851,"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/posts\/1706\/revisions\/2851"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/media\/2849"}],"wp:attachment":[{"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/media?parent=1706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/categories?post=1706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/michigan.it.umich.edu\/news\/wp-json\/wp\/v2\/tags?post=1706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}