{"id":5307,"date":"2024-10-08T16:48:03","date_gmt":"2024-10-08T20:48:03","guid":{"rendered":"https:\/\/websites.emerson.edu\/itg\/?p=5307"},"modified":"2024-10-01T10:58:52","modified_gmt":"2024-10-01T14:58:52","slug":"simple-tips-for-getting-in-the-habit-of-creating-accessible-content-from-the-start-part-1-text-based-content","status":"publish","type":"post","link":"https:\/\/websites.emerson.edu\/itg\/simple-tips-for-getting-in-the-habit-of-creating-accessible-content-from-the-start-part-1-text-based-content\/","title":{"rendered":"Simple Tips for Getting in the Habit of Creating Accessible Content from the Start, Part 1: Text-Based Content"},"content":{"rendered":"<p><span style=\"font-weight: 400\">When life gets overwhelming, it can be very difficult to initiate new ways of doing things. Looking into ways to cope with this led me to <\/span><i><span style=\"font-weight: 400\">Atomic Habits<\/span><\/i><span style=\"font-weight: 400\"> by James Clear. Spoiler alert: I haven\u2019t read the whole book yet. Luckily, the author has the <a href=\"https:\/\/jamesclear.com\/atomic-habits-summary\">Atomic Habits Summary<\/a> on his website.<\/span><span style=\"font-weight: 400\">\u00a0The main idea is that changes that are very small but applied consistently can make a big difference over time.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">This is the first in a series of blog posts where I take this concept and apply it to developing habits in content creation that have accessibility in mind from the start. We have a lot of <\/span><a href=\"https:\/\/support.emerson.edu\/hc\/en-us\/sections\/360011681191-Accessibility\"><span style=\"font-weight: 400\">resources on accessibility<\/span><\/a><span style=\"font-weight: 400\"> at Emerson, and I encourage you to check them out. Our resources cover accessibility concerns for specific software, like Canvas and Panopto, but there are also principles that are applicable across the board.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Here are three tips for shifting how you create text so that it is more accessible from the start:<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Tip 1: Keep It Simple<\/span><\/h2>\n<p><span style=\"font-weight: 400\">There are a lot of fancy ways to style documents and information visually. Unfortunately, very often these present challenges to screen reader software, or are even completely inaccessible. So it\u2019s good to keep the layout and presentation of your documents simple.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Tip 2: Use Built-In Formatting Tools<\/span><\/h2>\n<p><span style=\"font-weight: 400\">It\u2019s easy to get overwhelmed by the number of buttons on <\/span><a href=\"https:\/\/support.microsoft.com\/en-us\/office\/show-or-hide-the-ribbon-in-office-d946b26e-0c8c-402d-a0f7-c6efa296b527\"><span style=\"font-weight: 400\">the ribbon in Microsoft Office<\/span><\/a><span style=\"font-weight: 400\">, the <a href=\"https:\/\/support.google.com\/docs\/topic\/9046002?hl=en&amp;ref_topic=1382883&amp;sjid=325098623442645744-NA\">toolbar in Google Docs<\/a>, <\/span><span style=\"font-weight: 400\">or even the <\/span><a href=\"https:\/\/support.emerson.edu\/hc\/en-us\/articles\/360053618751-Using-the-Rich-Content-Editor-in-Canvas\"><span style=\"font-weight: 400\">RCE (Rich Content Editor) in Canvas<\/span><\/a><span style=\"font-weight: 400\">. But getting comfortable with using the formatting features built into the software you use to create content and documents is a great habit. It will save you time in the long run, plus using built-in formatting features helps ensure that your documents are accessible.<\/span><\/p>\n<p><span style=\"font-weight: 400\">As an example, say that you want your document to have columns of text. While it might be tempting to try to create this formatting manually using the tab key, it\u2019s much better to use the column formatting option! <\/span><span style=\"font-weight: 400\">That way, a screen reader knows how to read that text in order. If you were doing your formatting with tabs, it may look logical to a sighted user, but the screen reader software doesn\u2019t know how to interpret it. (Here are instructions on how to <a href=\"https:\/\/support.microsoft.com\/en-us\/office\/adjust-column-widths-on-a-page-297168f9-4ea0-46e0-afad-6fdacd6b3edc#:~:text=On%20the%20Page%20Layout%20or,next%20to%20Equal%20column%20width.\">Adjust column widths on a page in Microsoft Word<\/a> and <a href=\"https:\/\/support.google.com\/docs\/answer\/7029052?hl=en&amp;co=GENIE.Platform%3DDesktop\">Add or delete columns in a document in Google Docs<\/a>.)\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Tip 3: Use Heading Styles<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Technically this falls under the category of \u201cUse Built-In Formatting Tools,\u201d but this is important enough that it should be mentioned on its own. The text above this paragraph, \u201cUse Headings,\u201d is a heading! While it may look like a heading is just a stylistic choice using bold text and a larger font than the rest of the document, it has behind-the-scenes information attached to it that lets a screen reader know that it\u2019s a header. To put that more technically, the text is encoded as a header.<\/span><\/p>\n<p><span style=\"font-weight: 400\">For a sighted person, headings are an easy way to scan a document and get a sense of what it\u2019s about and where to find information on specific subtopics. A sighted person does this by looking at the document, noticing that there is text that is larger and bolder than the majority of the text, and noting that the text formatted this way has a special significance. Screen reader software, however, doesn\u2019t interpret meaning in the same way. It\u2019s searching for text that is encoded as headings. Then it knows the significance of that text, presents it to the screen reader user as headers, and the screen reader user can navigate around in the document with more ease.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">The key is that you have to use the heading formatting feature! Don\u2019t just make the text bold and bigger. And <\/span><a href=\"https:\/\/support.emerson.edu\/hc\/en-us\/articles\/360017461632-Creating-Accessible-Documents#keep-headings-in-numerical-order-0-1\"><span style=\"font-weight: 400\">don\u2019t skip or skip around in heading levels<\/span><\/a><span style=\"font-weight: 400\"> (i.e. go from a Heading 1 to a Heading 3, with no Heading 2).\u00a0<\/span><\/p>\n<p>For a great example of how to apply headings and how they assist a screen reader user, check out this short video from Microsoft: <a href=\"https:\/\/support.microsoft.com\/en-us\/office\/video-improve-accessibility-with-heading-styles-68f1eeff-6113-410f-8313-b5d382cc3be1\">Improve Heading Accessibility<\/a>. This video shows Microsoft Word, but selecting a heading style across applications is pretty consistent.<\/p>\n<p><span style=\"font-weight: 400\">Below are examples of what the heading menu looks like in Canvas, Google Docs, and Word.<\/span><\/p>\n<p>Headings in Canvas:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5308\" src=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.50.44-PM.png\" alt=\"Headings styles can be selected from the styles menu in the Rich Content Editor in Canvas\" width=\"539\" height=\"384\" srcset=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.50.44-PM.png 749w, https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.50.44-PM-300x213.png 300w\" sizes=\"auto, (max-width: 539px) 100vw, 539px\" \/><\/p>\n<p>Headings in Google Docs:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5309 \" src=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.50.51-PM.png\" alt=\"A screenshot of Google Docs demonstrating the styles menu where Heading styles can be selected and applied\" width=\"453\" height=\"449\" srcset=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.50.51-PM.png 498w, https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.50.51-PM-300x298.png 300w, https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.50.51-PM-150x150.png 150w\" sizes=\"auto, (max-width: 453px) 100vw, 453px\" \/><\/p>\n<p>Headings in Microsoft Word:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5311 \" src=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.55.40-PM.png\" alt=\"A screenshot of Microsoft Word demonstrating where styles and headings can be selected in the ribbon\" width=\"828\" height=\"351\" srcset=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.55.40-PM.png 1182w, https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.55.40-PM-300x127.png 300w, https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.55.40-PM-1024x434.png 1024w, https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2024\/08\/Screenshot-2024-08-06-at-4.55.40-PM-768x326.png 768w\" sizes=\"auto, (max-width: 828px) 100vw, 828px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Feel free to reach out to us if you have any questions! We can be reached by email at <\/span><a href=\"mailto:itg@emerson.edu\"><span style=\"font-weight: 400\">itg@emerson.edu<\/span><\/a><span style=\"font-weight: 400\">. You can also call us at 617-824-8090 during business hours. Business hours for ITG are located at the bottom of<\/span><a href=\"https:\/\/support.emerson.edu\/hc\/en-us\"> <span style=\"font-weight: 400\">https:\/\/support.emerson.edu\/hc\/en-us<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Part 2 in this series will cover some tips for accessible images and visual content.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When life gets overwhelming, it can be very difficult to initiate new ways of doing things. Looking into ways to cope with this led me to Atomic Habits by James&#8230;<\/p>\n","protected":false},"author":2829,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[2,3],"tags":[],"class_list":["post-5307","post","type-post","status-publish","format-standard","hentry","category-accessibility","category-canvas"],"_links":{"self":[{"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/posts\/5307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/users\/2829"}],"replies":[{"embeddable":true,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/comments?post=5307"}],"version-history":[{"count":6,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/posts\/5307\/revisions"}],"predecessor-version":[{"id":5368,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/posts\/5307\/revisions\/5368"}],"wp:attachment":[{"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/media?parent=5307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/categories?post=5307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/tags?post=5307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}