As educators and instructional designers, one of our tasks is to create online learning environments that students can comfortably use to complete their course activities effectively. These platforms need to be designed in such a way as to minimize extraneous cognitive load and maximize generative processing: that is, making sure that the learners’ efforts are spent on understanding and applying the instructional material and not on figuring out how to use the website or app. Research and practice in User Experience (UX) design – more specifically, usability – can give us insights that we can apply to improve our course page design and organization.

Getting Started: General Recommendations

Steve Krug, in his classic book Don’t Make Me Think: A Common Sense Approach to Web Usability, explains that, in order for a website or app to be easy to use, the essential principle can be stated as “don’t make me think” (Krug, 2014). That may sound like a strange principle in an educational context, but what Krug referred to is precisely the need to avoid wasting the users’ cognitive resources on how a particular platform works (thus reducing extraneous cognitive load), and to make them feel comfortable using that product (enhancing generative processing). When looking at a web page or app, it should be, as much as possible, obvious what information is on there, how it is organized, what can be clicked on, or where to start; this way, the user can focus on the task at hand.

Krug (2014) provided a few guidelines for ensuring that the users effortlessly see and understand what we want them to:

  • Use conventions: Using standardized patterns makes it easier to see them quickly and to know what to do. Thus, in online courses, it helps to have consistency in how the pages are designed and organized: consider using a template and having standard conventions within a program or institution.
  • Create effective visual hierarchies: The visual cues should represent the actual relationships between the things on the page. For instance, the more important elements are larger, and the connected parts are grouped together on the page or designed in the same style. This saves the user effort in the selection and organization processes in the working memory.
  • Separate the content into clearly defined areas: If the content is divided into areas, each with a specific purpose, the page is easier to parse, and the user can quickly select the parts that are the most relevant to them.
  • Make it obvious what is clickable: Figuring out the next thing to click is one of the main things that users do in a digital environment; hence, the designer must make this a painless process. This can be done through shape, location or formatting—for example, buttons can help emphasize important linked content.
  • Eliminate distractions: Too much complexity on a page can be frustrating and impinges on the users’ ability to perform their tasks effectively. Thus, we need to avoid having too many things that are “clamoring for your attention” (Krug, 2014, Chapter 3). This is consistent with the coherence principle of multimedia learning, which states that elements that do not support the learning goal should be kept to a minimum and that clutter should be avoided. Related to this, usability experts recommend avoiding repeating a link on the same page because of potential cognitive overload. This article from the Nielsen Norman Group explains why duplicate links are a bad idea, and when they might be appropriate.
  • Format text to support scanning: Users often need to scan pages to find what they want. We can do a few things towards this goal: include well-written headings, with clear formatting differences between the different levels and appropriate positioning close to the text they head; make the paragraphs short; use bulleted lists; and highlight key terms.

Putting It to the Test: A UX Study in Higher Education

The online learning field has yet to give much attention to UX testing. However, a team from Penn State has recently published a book chapter describing a think-aloud study with online learners at their institution (Gregg et al., 2020). Here is a brief description of their findings and implications for design:

  • Avoid naming ambiguities – keep wording clear and consistent, and use identical terms for an item throughout the course (e.g., “L07”, “Lesson07)
  • Minimize multiple interfaces – avoid adding another tool/platform if it does not bring significant benefits.
  • Design within the conventions of the LMS – for example, avoid using both “units” and “lessons” in a course; stick to the LMS structure and naming conventions as much as possible.
  • Group related information together – for example, instead of having pieces of project information in different places, put them all on one page and link to that when needed.
  • Consider consistent design standards throughout the University – different departments may have their own way of doing things, but it is best to have some standards across all classes.

Are you interested in conducting UX testing with your students? Good news: Gregg et al. (2020) also reflected on their process and generated advice for conducting such testing, which is included in their chapter and related papers. You can always start small! As Krug (2014, Chapter 9) noted, “Testing one user is 100 percent better than testing none. Testing always works, and even the worst test with the wrong user will show you important things you can do to improve your site”.

References

Gregg, A., Reid, R., Aldemir, T., Gray, J., Frederick, M., & Garbrick, A. (2020). Think-Aloud Observations to Improve Online Course Design: A Case Example and “How-to” Guide. In M. Schmidt, A. A. Tawfik, I. Jahnke, & Y. Earnshaw (Eds.), Learner and User Experience Research: An Introduction for the Field of Learning Design & Technology. EdTech Books. https://edtechbooks.org/ux/15_think_aloud_obser

Krug, S. (2014). Don’t make me think, revisited: A common sense approach to Web usability. New Riders, Peachpit, Pearson Education.

Loranger, H. (2016). The same link twice on the same page: Do duplicates help or hurt? Nielsen Norman Group. https://www.nngroup.com/articles/duplicate-links/

The following is a guest blog post from Michelle Coxey. Michelle completed an Instructional Design internship with OSU Ecampus during the Fall of 2022.

Bolsover Castle
“Bolsover Castle” by David Merrett is licensed under CC BY 2.0

Ian Wilkins is a high school language arts teacher, but besides the students, his passion is social justice. He shares a powerful metaphor that education is like a heavily gated castle. Those inside the castle are comfortable and safe and do not realize that the people outside are hungry (Chardin & Novak, 2021). If someone opens the gate and admits a person from the outside, would that person feel comfortable and safe inside like everyone already there? Would they know the rules of the castle? Would they feel like they fit in and deserved to be there? Would the food inside reflect their own tastes, needs, and preferences? Would they stay, or would they want to return to their own comfort zone outside with their family?

If higher education is the castle, who belongs inside the castle?

Because of financial aid and diversity efforts in admissions, first-generation and low-income (FLI) students usually have access to higher education. But 90% of FLI students do not graduate from college within six years (Zinshteyn, 2016). The gates to the castle are open, but why don’t FLI students stay?

Inclusion goes beyond admissions. A student’s experience and motivation to stay is heavily influenced by the inclusiveness of the design in online courses. As a result, instructional designers are in an ideal position to design courses that are more aligned with life for FLI students outside of the virtual classroom. 

Imposter Syndrome

If you are reading this, you have experienced it at some point in your career, no doubt. Imposter syndrome is that uncomfortable feeling that you are incompetent and have fooled everyone into thinking that you belong. Imposter syndrome is a nearly universal experience and has been studied since the 1970’s. However, in the last few years, researchers and social justice activists have suggested that imposter syndrome is actually the result of systemic bias. As white people, especially men, advance in their education and careers, they develop more confidence, and the feelings of imposter syndrome usually go away. However, because of systemic bias, people with marginalized identities feel more like a fraud the further they advance in their education and careers (Tulshyan & Burey, 2021).

College is a breeding ground for imposter syndrome. Most new college students have a steep learning curve and feel insecure, but the struggles are amplified for FLI students. The structure and culture of higher education is very different from the circumstances and environments they grew up in. Many FLI students blame themselves, assuming they aren’t working hard enough. Yet, cultural and social differences are to blame for their imposter feelings. 

Instructional Designers Can Help

Former U.S. President Barack Obama (2010) said, “The best anti-poverty program is a world-class education.” If he is correct, instructional designers hold a lot of power because we are working to provide a world-class education for others (U.S. News, n.d.). Plus, we have managed to successfully navigate higher education ourselves and have constant access to learning in our jobs. Additionally, instructional designers are on the front lines of dismantling imposter syndrome by guiding and training instructors and designing courses and learning activities with FLI students in mind.

In addition to the research-based best practices for engagement, inclusion, and assignment transparency when designing online courses, instructional designers should consider the income demographics of online students. Online students are often FLI students. Fifty percent of online students’ family income is below $39,000 a year (Classes and Careers, 2018). Online students are likely to be working and juggling family responsibilities in addition to taking classes (OSU, 2020). They may not be taking classes online because it is the ideal learning environment for them, but because they need to fit education into their other responsibilities. Additionally, some online students pursue disciplines and majors they don’t love because of scheduling convenience or because a particular degree will bring financial security.

Instructional designers can relieve some of the pressure and insecurity for FLI students by intentionally creating an inclusive space in every course. Here are twelve research-based suggestions for how instructional designers can be inclusive of FLI students when designing courses and collaborating with instructors.

  1. Find out who the FLI students are in each course. In addition to helping instructors understand the demographics of Ecampus students, designers could encourage instructors to learn which students are FLI students. Instructors could have an informal conversation or could give an assignment where students share how their background and culture relate to the class subject. Andragogy emphasizes the importance of student experience in learning. When instructors help students see that their social class affects their college experience, the student’s life experiences can be an anchor to attach what they learn in class (Checkoway, 2018).
  2. Help students embrace their identity. Find opportunities for students to embrace their identity, regularly share about their lives, and solve problems in their own families and communities. Give students plenty of choice, provide examples using a variety of cultures, and consider topics and stories that people with a low-income can relate to. Students should analyze case studies involving situations and organizations they are familiar with. If material is real to the student, they can grasp it quicker. For example, students could learn velocity using the model of car they drive, or write an essay on a policy issue they care about (Checkoway, 2018).
  3. Encourage Small group work. Higher education in the U.S. caters to an individualistic, independent, and merit-based culture. This is even more true in online courses where everyone works asynchronously. However, FLI students often come from interdependent cultures (Canning et al., 2019; Stephens et al., 2012; Townsend et al., 2021). Group activities help students collaborate and connect with each other, supporting students that struggle with imposter syndrome or that feel more comfortable working with others.
  4. Eliminate competition between students. Competition in STEM classes increase feelings of imposter syndrome for all students, especially FLI students (Canning et al., 2019). Encourage instructors to eliminate competitive activities, such as requiring students to promote themselves in online discussions. Also, grading on a curve creates a hierarchy that causes anxiety and self-doubt in a lot of students. And last, encourage instructors to include opportunities for collaboration and cooperation and be clear that all students can succeed.
  5. Double down on inclusion in STEM classes. Extra care should be taken to support FLI students when designing and teaching STEM classes. In STEM programs, the number of FLI students is only 20 percent (Peña et al., 2022). This is especially problematic because the stakes are high for FLI students in STEM classes because students who pursue STEM careers earn significantly higher salaries. Instructional designers should design activities that help students see themselves as scientists.
  6. Design low-stakes formative assessments. Design several low-stakes formative assessments early in the course to address learning gaps in students with less confidence or experience. These assignments help FLI students learn the “hidden curriculum” of higher education, which includes expectations about assignments that are often “unspoken” or implied (Tyson, 2014). FLI students may not know to ask questions, so these assignments should be designed to provide early feedback, identify students needing more support resources, and clarify misunderstandings about policies and expectations.
  7. Use Inclusive language. Encourage instructors to use supportive and inclusive language and avoid jargon in syllabi, assignment instructions, and informal videos. This helps students without experience feel like they belong in the course.
  8. Apply course concepts to the real world. Help instructors become transparent with how assignments and course outcomes develop skills that are useful in the real-world. This effort benefits all students but especially helps students that are in danger of dropping the course see the long-term value of sticking with it.
  9. Design social annotation activities. With social annotation, students collaborate to annotate an open educational resource (OER). This learning activity promotes interdependence and shared meaning-making among classmates. Hypothesis, NowComment, Perusal, and Diigo are a few popular tools for social annotation (Farber, 2019).
  10. Identify career paths. FLI students may not have access to insights about careers, education, research, or internships. Encourage instructors to share details about their own career path and professional development as well as how to navigate different careers within the discipline. Instructional designers could create a discussion board for students to ask and answer questions with their peers about future careers.
  11. Encourage financial sensitivity. Consider using low or no-cost learning resources. Use OER, older editions of textbooks, and if a high-cost text is necessary, justify it. Also, work with the campus library to see if required textbooks can be made available online. And last, encourage instructors to teach students how to access, read, bookmark, highlight, and annotate digital resources so they can get the most out of their study sessions.
  12. Explicitly explain office hours. Explicitly state that students are encouraged to contact the instructor with questions. Explain what office hours are, that they are useful for creating supportive bonds between instructors and students, and that students are invited to go anytime. Many FLI students feel intimidated by going or do not even realize how speaking with the professor would be useful (Tyson, 2014).

Circling back to the castle metaphor, the castle is comfortable if you already are used to the structure and culture of higher education. But to help FLI students feel confident and successful, instructional designers can design courses more in line with life for FLI students outside the gates. Instead of molding FLI students to fit in at college, instructional designers can adapt to them, designing courses with a focus on interdependent and collaborative learning activities.

References

Canning, E., LaCrosse, J., Kroeper, K., & Murphy, M. (2019, November 19). Feeling like an imposter: The effect of perceived classroom competition on the daily psychological experiences of first-generation college students. Social Psychological and Personality Science, 11(5), 647-657. https://doi.org/10.1177%2F1948550619882032

Chardin, M. & Novak, K. (2021). Equity by design: Delivering on the power and promise of UDL. Corwin.

Checkoway, B. (2018, August 20). Inside the gates: First-generation students finding their way. Higher Education Studies, 8(3). https://doi.org/10.5539/hes.v8n3p72

Classes and Careers. (2018). Online College Student Trends [Infographic]. https://www.classesandcareers.com/online/online-college-students-growth-demographics

Farber, M. (2019, July 22). Social Annotation and the Digital Age. Edutopia. https://www.edutopia.org/article/social-annotation-digital-age

Obama, B. (2010, January 7). Remarks by the President in State of the Union address [Speech]. The White House. https://obamawhitehouse.archives.gov/the-press-office/remarks-president-state-union-address

Oregon State University Ecampus. (2020). OSU Ecampus annual student survey report. https://ecampus.oregonstate.edu/services/student-services/student-survey-2020.pdf

Peña C., Ruedas-Gracia N., Cohen J.R., Tran N., & Stratton M.B. (2022, October 6). Ten simple rules for successfully supporting first-generation/low-income (FLI) students in STEM. PLOS Computational Biology, 18(10). https://doi.org/10.1371/journal.pcbi.1010499

Stephens, N., Fryberg, S., Markus, H., Johnson, C., & Covarrubias, R. (2012). Unseen disadvantage: How American universities’ focus on independence undermines the academic performance of first-generation college students. Journal of Personality and Social Psychology, 102(6), 1178–1197. https://doi-org.ezproxy.proxy.library.oregonstate.edu/10.1037/a0027143

Townsend, S., Stephens, N., & Hamedani, M. (2021, February 9). Difference-education improves first-generation students’ grades throughout college and increases comfort with social group difference. Personality and Social Psychology Bulletin, 47(10), 1510-1519. https://doi-org.ezproxy.proxy.library.oregonstate.edu/10.1177%2F0146167220982909

Tulshyan R. & Burey, J. (2021, February 11). Stop telling women they have imposter syndrome. Harvard Business Review. https://hbr.org/2021/02/stop-telling-women-they-have-imposter-syndrome

Tyson, C. (2014, August 4). The hidden curriculum. Inside Higher Ed. https://www.insidehighered.com/news/2014/08/04/book-argues-mentoring-programs-should-try-unveil-colleges-hidden-curriculum

U.S. News & World Report. (n.d.). Oregon State University. Best Online Programs. https://www.usnews.com/education/online-education/oregon-state-university-3210/bachelors

Zinshteyn, M. (2016, March 13). How to help first-generation students succeed. The Atlantic. https://www.theatlantic.com/education/archive/2016/03/how-to-help-first-generation-students-succeed/473502/

One of the major advantages of digital learning is that we can ensure our materials are accessible to all students. As such, at Ecampus, we are striving – and encouraging others to strive – for universal design, that is, design that anyone can use comfortably regardless of any impairments. In past posts, we have covered various ways of improving accessibility in a course, including how to fix PowerPoint or Word files. Today I’d like to focus on making Canvas pages accessible and making use of the on-page Accessibility Checker available in the Canvas Rich Content Editor.

Common Issues

Here are the main things you can do to ensure your Canvas pages (including assignments, discussions etc.) are accessible:

  1. Use proper hierarchy of headings and do not skip heading levels. You want to start with Heading 2 (Heading 1 is the title), then subordinate to that will be Heading 3 and so on. This is especially useful for screen reader users because it helps with logical page navigation. Some people choose their headings by the font size – not a good idea! If you want to adjust the size of your text, use the “Font sizes” option in the editor, after designating the correct heading level.
  2. Add an alt text description to any image or mark it as decorative. This is helpful for screen reader users and people for whom the images are not loading.
  3. Make the link names descriptive, rather than just pasting the url. For example, you would write Student Resources instead of https://experience.oregonstate.edu/resources. Also, avoid linking “click here” type of text. This helps screen reader users (which would read a url letter by letter), and it also makes it easier for everyone to scan the page and find the needed information.
  4. Ensure good color contrast. I often see instructors making their text colorful – in particular, red seems to be very popular. Indeed, a touch of color can make the page more visually pleasing and help bring out headings or important information! The danger lies in using colors that don’t have enough contrast with the background. This is especially problematic for people with less-than-optimal eyesight, but good contrast really just makes it easier for all of us to read. Also, a word of caution: Canvas has recently rolled out dark mode for mobile platforms and many people like to use it. Some colored or highlighted text may not look clear in dark mode.
  5. Add caption and header row to tables. These are extremely helpful for screen reader users, and the caption helps everyone to quickly see what the table is about. To add these things, you actually have to rely on the on-page accessibility checker – it will flag the issues and walk you through fixing them. While we’re on the subject of tables, you also want to avoid complex tables with merged cells because they are hard to navigate for a screen reader.
  6. Avoid underlining text. Underlining is normally reserved for links. Try using other means of highlighting information, such as bold, italics or caps.

Find and Fix

Canvas has a very useful tool that can help you find some accessibility issues as you edit your page. At the bottom of the editor, the icon representing a human in a circle will show notification when something is amiss.

Screenshot of bottom of editor showing the accessibility checker icon

When you click on that icon, the checker will open on the right-hand side, explaining each issue and allowing you to fix it right there.

Screenshot of the accessibility checker dialog window

This tool can find:

  • Skipped heading levels/starting with the wrong heading
  • Missing alt text
  • Insufficient color contrast – you can find a suitable color right here
  • Missing table caption and header row

It will NOT flag poorly formatted links or underlined text. So, for these issues, you’ll have to watch out yourself!

For a full list of problems verified by this checker, see this article from Canvas Community.

When you’ve finished building your course, you can also use UDOIT, the global accessibility checker, or Ally, if your institution has installed it. These tools can help you find additional problems, including embedded materials with accessibility issues.

To conclude, following these simple rules can greatly enhance the usability of your Canvas course. The built-in accessibility checker will help you spot and fix some common issues. Once you start paying attention, building instructional content with accessibility in mind will become second nature!

In this post I’m returning to an important topic: accessibility. In a previous blog my colleague Susan Fein explained how everyone benefits from more accessible materials and that a large number of our students have some degree of disability.

Word documents are ubiquitous in our courses, as well as for other work-related activities. If a Word document is designed for digital consumption – such as posting in the Learning Management System or on a website – it needs to comply with accessibility standards. Fortunately, Word includes excellent tools for making your file accessible! I will first go over the main accessibility features, and then show you how to implement them in the video below.

  • Accessibility checker: Word includes a tool that helps you check your work. It is useful but it doesn’t catch all the errors.
  • Structure: headings, spacing, lists: Marking these properly will let screen reader users skim the content and understand its organization easily. Structure a document in a hierarchical manner: the title should be Heading 1 (NOT the “Title” style – that one just gets read as simple text). The next major sections should be Heading 2, subsections of a Heading 2 are Heading 3, and so on. Do not skip levels. You can change the appearance of all these styles to match your aesthetic. If you wish, you can also save style sets to have them ready to use.
  • Images: There are two main things to take care of here: adding alt text (so screen reader users can listen to the description) and making sure that the image is in line with the text (to keep the reading order clear).
  • Colors: If you use colors, make sure there is enough contrast between text and background.  Even people with good eyesight can struggle to read something if the contrast is not strong. In addition, remember that many people are color blind, so do not rely on color to convey essential information. For example, avoid something like “The readings in blue are very important, make sure you read them carefully! The optional resources are in green”. Use other means of signaling instead, such as bold or italics.
  • Links: Links need to include meaningful text rather than the URL. A screen reader will read the URL one letter at a time, which is not very helpful. In addition, descriptive links help both screen reader users and sighted users skim the document to get an idea of the content or find specific information.
  • Tables: Tables can cause trouble to screen reader users – do not use them for layout! Only use them for actual tabulated information. When you use tables, the main rule is to keep them simple and avoid split cells, merged cells and nested tables. Then, make sure you have a designated header row, which helps screen reader users navigate the data.
  • Document properties: The document needs to have a title set in its properties. This title is helpful for blind users because the screen reader announces it as the document is loaded in the program.

Save to PDF – yay or nay? Avoid turning your document into a PDF file, if the document is meant for online reading. PDFs are hard to make accessible. If you must make a PDF, start with a fully accessible Word file. It is recommended to use PDFs only when the design includes complex or unusual elements (for example special/technical fonts, musical notes etc.). If you are using a PDF because you have a complex layout, consider posting both the PDF and a simplified Word file, in case someone needs the fully accessible version.

Watch this 10-minute video that walks you through an example of making a document accessible. I’m using Microsoft 365 on Windows – if you’re using another version of Word or platform, things may look slightly different. Timestamps:

  • Accessibility checker – 00:38
  • Headings – 01:46
  • Lists – 04:56
  • Spacing – 05:27
  • Images – 06:16
  • Colors – 07:29
  • Links – 08:09
  • Tables – 08:49
  • Title Property – 09:33

As you can see, the process of creating accessible Word documents is straightforward. Turning this into a standard practice will greatly help people who access information electronically, with or without assistive devices. Let’s make it happen!

References:

By Susan Fein, Ecampus instructional designer

If you use slide presentations to deliver information and then provide a digital version of the slides to support learners, this post is for you!

Instructors teaching online or who use a companion LMS or website to accompany in-person classes often upload the slide file to aid students in notetaking. However, you may not be aware that digital files are not automatically accessible to those using assistive technologies, such as screen readers. Following a few simple and easy guidelines will improve accessibility of your materials for all students and demonstrate your thoughtful attention to inclusivity and equity.

Who Benefits from Accessibility?

Everyone, not only those with disabilities, benefit from accessible learning materials. The U.S. Census Bureau estimates that there are more than 40 million people in the U.S. with a disability, so odds are good that some of them will be in your courses.

Accessibility practices support all learners, not just those who require them. In 2016, the OSU Ecampus Research Unit conducted a nationwide survey about student use of video closed captions. In that study, 70% of respondents who did not self-identify as having a disability used captions at least some of the time.

I asked OSU’s disability access center how many online students request disability-related accommodations. So far this year, 23.9% of those served by their office are Ecampus students. Last year, nearly 40% of all Ecampus courses had at least one student with an accommodation, and nearly 15% of all online-only students used a disability-related accommodation.

To ensure equity, regardless of who does or does not depend on accessibility support, it is vital to make all learning materials compliant with accessibility standards. When educators intentionally create fully accessible materials, we more equitably serve all online learners.

What Can You Do?

Here are five easy-to-follow tips that elevate your commitment and ability to create accessible materials.

Tip #1. Use a template. Templates are important because basic formatting for accessibility is already built in. By inserting your content into designated sections, you preempt some accessibility issues without any extra effort. For example, when you insert the topic of each slide into the designated title field, the slide structure maintains the correct sequence in which a screen reader encounters the various elements on the slide. If you are concerned about being too constrained or predictable, these designated fields accommodate your creativity! It is okay to reshape, resize, or reposition a field if you do not like its default appearance or location.

Regardless of which end of the design spectrum you lean, always start with a template. If you are not fond of colorful designs or fancy formats, there is a basic, unadorned template you can use. If you are a fan of fun, frivolity, or fabulous, select one of many free template options found online to suit your theme or topic. Check out the different templates Ecampus has developed with college-specific themes. One of them might be a good fit for you.

Tip #2. Enter a unique title on each slide. Each slide in your presentation must have a unique title. This permits a screen reader to navigate easily from one slide to the next. What happens when you have segments of the presentation that require two or more slides to fully deliver the information? No problem! There are various ways to address this.

When several slides focus on a different aspect of the primary topic, use that in the title. For example, you are creating a presentation about Health and Wellness and have multiple slides on the topic of Cooking. You want to introduce the topic, describe meal preparation, and offer ideas for healthy snacks. Since these are three distinct subtopics, a good approach is to label the slides as Cooking: Overview, Cooking: Meal Preparation, and Cooking: Healthy Snacks. Repeating the main topic in the title helps the learner connect each segment but still delineates separate subtopics.

If the subject matter does not neatly break into clear subgroups, it is fine to use a sequential number, such as Cooking Part 1, Cooking Part 2, etc. Since most creators develop a presentation’s content, sequence, and flow thoughtfully and logically, if you take a moment to consider why you grouped together specific ideas, the unique titles will likely emerge.

Tip #3. Follow best practices. If you search online for guidance about how to create effective slide presentations, you will discover that many sources offer similar suggestions. Most of these include recommendations about text (contrast, font size, font style), use of images, page structure, and so on. Use this short list as a helpful reminder of these other accessible-friendly best practices.

  • Text should be easy to read, with good contrast. Black text on a white background is ideal and classic. Be cautious of templates with too subtle contrast. They might not meet accessibility guidance for visually disabled learners. Use 18-point (or larger) sans serif font for readability.
  • Use images judiciously. Pictures convey themes, present an idea, or evoke a mood. However, too many can detract from the message, be confusing, or appear unprofessional. Aim for a “less is more” approach. (Learn more about accessibility for images in the next tip.)
  • Include adequate white space to separate and group content. Bullets are optional. Keep slide structure simple. Use phrases or a few words rather than full sentences. Break up content into multiple slides to avoid crowding.

Tip #4. Create alt-tags for images. A screen reader recognizes the presence of an image but it cannot discern the content. To be accessible, that information is provided as a text description or alt-tag.

If you have images in your slide deck, each must have an alternate text description. The alt-tag describes and explains the content of an image. Usually it is not accessible or helpful to use the file name. And beware of tools that try to divine the content of an image and insert descriptions. These are usually wildly inaccurate and unhelpful.

The majority of images in an effective presentation should be essential to the learner’s experience; the image is required for accurate comprehension of the content. The are images such as charts, graphs, photos, maps, or data. Other images may be optional or decorative; nice to have but not essential to the learning and, if not seen by the student, do not impede the learner’s ability to grasp the material.

For essential images, write a brief (1-3 sentences) text description. No need to include lead-in words like “this is an image of…” Describe the key educational value of that image. What about it is important to the learner? What is the essence of the information you want the learner to know about that chart, graph, or photo?

Screen shot of alt text box for an image from Office 365 PowerPoint
Screen image from Office 365 PowerPoint

Decorative images have two options: enter a description or skip over the image. To skip, enter null text (“ ”) as the alt tag or, if available in your version of PowerPoint, select the “decorative” option. Both choices direct the screen reader to ignore the image. If you prefer to tag a non-essential image, use a simple description, such as “team logo” or “Professor Kumar.”

Understand that writing good alt tags is a challenging skill that takes time and practice to master, so do your best. You may want to confer with the Disability Access Center, an instructional designer, or other faculty support group if you need assistance.

For more information about how to write effective alt tags, refer to these or other resources.

Tip #5. Use meaningful text to format links. Please do not insert a full URL on your slide. Screen readers recognize a URL link and read aloud every individual letter and symbol, often in a monotone mechanical voice, depending on the specific assistive tool. Think about how frustrating, confusing, and unhelpful that is. Instead, format each link using meaningful text, as demonstrated in this post. For example, the two resources linked above use the article’s full title as the meaningful text. Also, avoid the over-used, too generic “Click here for more information,” with the word “here” formatted as the hyperlink. Instead, select text that specifically identifies the URL content, such as “Visit the Disability Access Services web page for more information.”

Accessibility Supports Equity

Demonstrate your commitment to equity! With just a few extra minutes, you can easily meet minimum accessibility standards by following these tips and using the accessibility checker tool built right into PowerPoint!

Reference

Linder, K. (2016). Student uses and perceptions of closed captions and transcripts: Results from a national study. Corvallis, OR: Oregon State University Ecampus Research Unit.