Avatar photo

Making Online Courses More Accessible by Design

  Reading time 8 minutes

Many years ago, before I moved to Chicago and began working at DePaul, my supervisor at a previous job took me on a field trip to a nonprofit service organization for the blind. At that time, I had never seen someone with a serious visual impairment use a computer. I had no idea how a screen reader worked, and all my knowledge of accessibility best practices came from second-hand sources I’d found online.

At one point during our tour, we asked one of the volunteers to show us a website that was difficult for her to navigate. The site she chose contained a large navigation menu composed of at least fifteen tabs at the top of the screen. As she moved her cursor from the upper left corner across the links, each one was read aloud. She explained that, because this site had no link for keyboard users to skip the main navigation, she had to navigate through every link before she could access the more important main content below.

Once she made her way to the main content of the page, she moved from link to link, trying to find a specific document she needed to access. Each time she advanced to the next link on the page, the screen reader would read it aloud, and she would pause to listen to the first few syllables before deciding whether or not to move on. At one point, the screen reader simply said, “Click here,” and then read the URL of the link aloud, which was long and incomprehensible. Because the linked text didn’t describe what it linked to, our volunteer had to stop and listen to all of the text around the link to determine if the link would take her to the document she needed.

For some reason, this portion of the field trip stuck with me. Perhaps it was etched into my memory because it seemed like such an easy issue to fix. All the site’s author needed to do was link the actual title of the document or destination page instead of ambiguous terms like “Click here.” Or perhaps I remembered it because this small change provides two benefits. In addition to helping blind users navigate a page more quickly, clear link titles reassure all users that clicking a link should take them to a page or document with a title that matches the link. This might seem like a minor benefit, but considering how often links change and break in an online course, anything we can do to clarify where a given link should go is probably worth the extra minute it might take to reword it.

Ever since that day, I’ve tried to sing the praises of link titles that match the titles of their destinations. Of course, it’s always helpful to have a well-written piece of supporting evidence from a trusted source. So, you can imagine my joy when a friend recently sent a link to this excellent information graphic.


Source: “Web Accessibility for Designers,” Info Graphic from WebAIM.org

What I love about this info graphic is it reminds me that accessible design isn’t just beneficial for the disabled. Much of what makes content more usable for the disabled also makes it more usable for everyone. To illustrate my point, here are a few guidelines from the graphic with examples of how each one can benefit all users.

Plan heading structure early. Clear headings help break up long blocks of content into more digestible chunks, making it easier for students to take a break and pick up where they left off. They also make text easier to scan for key information when students review something they’ve already read.

Provide good contrast.  Low-contrast text isn’t just a problem for users with visual impairments or color blindness. High contrast color combinations are easier for everyone to read, particularly when text runs more than just one or two lines.

Watch the use of CAPS. In addition to creating a problem for screen readers, text in all caps is difficult to read and implies the author is shouting.

Use adequate font size. No matter how good your vision, tiny font sizes lead to eye strain and frustrate all users.

Make sure links are recognizable. Cascading style sheets make it possible to spice up a course with all sorts of unique visual formatting. However, when it comes to links, the universal standard of blue, underlined text is usually best.

While this graphic was created to highlight accessibility issues that would be most relevant for designers, there are other best practices that instructional designers have to consider. In some cases, it can be difficult to justify designing online courses with complete accessibility because it’s more cost effective to address certain issues when accommodations are needed for a specific student. Audio transcription for the hearing impaired is a common example of an accessibility feature that can be difficult to justify if a course includes a large amount of audio content, such as PowerPoint narration, YouTube clips, full-length films, or podcasts.

In some cases, it’s just not feasible to transcribe everything in advance. However, there are advantages to including transcripts in the initial course-development process even if a disabled student never requests them. For example, ESL students might read the transcript as they listen to help them identify words that were difficult to understand through audio alone. In addition, students might prefer to review a transcript when preparing for an exam instead of trying to locate the portions of a video that they need to watch again.

While it can feel overwhelming to design a course that follows every accessibility best practice, keep in mind that many are easy to follow with little extra effort, assuming you’re aware of them early on. For guidelines that feel daunting, it might make sense to accommodate disabled students on a case-by-case basis. As you evaluate each challenge and determine what merits extra effort up front, keep your audience in mind. While it’s easy to feel that all accessibility accommodations are a big investment for a relatively small group of users, the impact of many accessibility improvements are seldom limited to students with disabilities. And if you don’t believe me, just ask anyone who has pushed a baby stroller down a sidewalk in the last few decades. They can tell you how helpful curb cuts are, even though they might not realize they first appeared in Kalamazoo, Michigan, in the 1940s as an accommodation for wheelchair-bound veterans.[1] Now those helpful little ramps are a standard feature that you’ll find at either end of every crosswalk in America, and I’m grateful for them every time I take a heavy suitcase to the airport.


  1. “Curb cut.” Wikipedia
Avatar photo

About Daniel Stanford

Daniel Stanford is a Learning Design Consultant and former Director of Faculty Development and Technology Innovation at DePaul University's Center for Teaching and Learning. His work in online learning has received awards from the the POD Network, the Online Learning Consortium, NAFSA, the Instructional Technology Council, the University of Wisconsin, and Blackboard Inc. Follow @dstanford on Twitter | Connect on LinkedIn |

One thought on “Making Online Courses More Accessible by Design

  1. Thanks, I’ve recently been searching for details about this subject matter for ages and yours is the best I’ve discovered so far.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.