What is accessibility and why is it important?

Imagine arriving at a public building in your wheelchair and finding only stairs…no ramp, no lift. Or a heavy door with a push-bar you can’t reach. The problem isn’t you; it’s the design.

Accessibility means building environments, physical and digital, so people with disabilities can perceive, understand, navigate, and use them without extra help.

The same principles apply in learning experience design. If a learning experience has unclear structure, relies on colour alone to create meaning, or can only be clicked with a mouse, it creates ‘stairs’ in the digital world. Without clear markers and predictable layouts, doing a course can feel like walking into a dark hotel room and having to guess where everything is. When we design for accessibility from the start, the experience simply works – for everyone.

Unfortunately, many Learning Experience Designers and E-Learning Developers still create courses with an ‘average learner’ in mind. This imaginary person can see, hear, type, and process information at a typical pace. The problem is, this so-called ‘average learner’ doesn’t actually exist. By designing for a fictional norm, we end up excluding anyone who learns differently, whether that’s because of disability, language, culture, or simply a different way of processing information.

In the digital world, accessible designs serve a range of differing needs such as:

  • Seeing: learners who are blind, have low vision, or experience colour-vision differences (e.g., colour blindness).
  • Hearing: learners who are deaf or hard of hearing.
  • Motor and dexterity: learners with limited fine-motor control, who use one hand, or who rely on keyboard or assistive switch inputs.
  • Reading and language processing: learners with dyslexia, learners with lower literacy skills, or learners for whom English is a second language.
  • Neurodiversity and cognition: learners with ADHD, autism, memory or attention differences, or sensory processing differences.

Let’s have a look at some of the most common accessibility mistakes out there, and how to avoid them.

1. Drag, drop…and discriminate

Why it’s a problem

Interactive elements like drag-and-drop activities, hidden hotspots, or timed quizzes can make a learning experience feel dynamic and engaging. But when they can only be completed in one way, by dragging with a mouse, typing long paragraphs, or racing a timer, some learners are immediately shut out. 

A learner with limited motor control or low vision may not be able to drag items across a screen (W3C, 2024). A deaf learner with lower reading confidence may struggle to type a written paragraph but could easily express themselves in British Sign Language (BSL). 

Timed quizzes assume that all learners can process information, read, and respond at the same speed. For learners with dyslexia, ADHD, autism, or those using screen readers, the pressure of a ticking clock can mean they never get to demonstrate what they actually know.

In practice, the timer ends up measuring reaction speed, not learning.

How to avoid it

A better approach is to design activities so there is more than one way to take part. For example, in a project where we collaborated with Self Help UK, learners had the option to record and upload a short video of themselves signing a response in BSL instead of writing a paragraph. This kept learners motivated and included those who express themselves best in sign language. 

When interactions aren’t inclusive, learners with cognitive, motor, speech, hearing, or vision-related differences are excluded from the experience altogether. Here are some tips for designing inclusive activities:

  • Present information simply. Don’t bury instructions inside cluttered interactions or make learners ‘hunt’ for the task. Use clear, step-by-step prompts.
  • Give learners opportunities to show what they know in different ways. Instead of forcing all learners to drag items into place with a mouse, offer an alternative like typing numbers or letters to set the correct order. If your authoring tool doesn’t allow this, provide a way to skip the activity and still access the learning points.
  • Provide a recap or feedback slide so no one misses key information inside an interaction.

2. Lost in tab-space: no focus, no flow

Why it’s a problem

Some learners rely on assistive technology to use digital content. These include screen readers, switch devices, or alternative keyboards. A screen reader is software that reads aloud what’s on the screen and lets learners who are blind or have low vision move through text, menus, and interactive elements using their keyboard. Typically, they would tap the Tab key or use screen reader commands to jump from one item to the next.

The sequence in which the screen reader moves from one item to the next is called the focus order.

For learners who are blind, have low vision, or limited mobility, a clear, predictable focus order is essential. And here’s where layout matters: depending on the technology you use, the way you design and arrange elements on screen often determines the order in which a screen reader or keyboard navigation will encounter them. If the layout is messy or illogical, the focus order will be messy and illogical too. Empirical studies and user-centred research on screen-reader users show navigation and semantics (headings, landmarks, order) are critical for comprehension and way-finding (Jordan et al., 2024).

Some tools automatically generate long lists of invisible ‘tab stops’ from decorative elements or poorly structured layouts. This can leave learners stuck tabbing through empty space before they ever reach meaningful content. 

How to avoid it

Keep layouts simple, avoid unnecessary objects, and where possible, use built-in accessibility features (like labelled form fields or properly tagged headings) instead of custom workarounds. Here are some specific things to focus on:

  • Use proper HTML semantics (these are tags that help screen readers interpret content). Where your Learning Management System (LMS) or authoring tool allows, check and update the tags to ensure the layout and content are clear and logical.
  • Keep the formatting and styling consistent throughout the course. Headings, fonts, and text styles aren’t just visual. Screen readers use them as signposts. If a heading isn’t marked correctly, learners may miss it entirely.
  • Ensure the focus order follows the intended reading sequence of the page, not just the visual layout. For example, if there are two paragraphs on the left and a table on the right, a clear order might be: introduce the topic with the opening sentence, move through the table content, and then return to the rest of the text. The goal is to create a logical flow that makes sense when read aloud by a screen reader.
  • Understand the limitations of the Learning Management System (LMS) or authoring tool you are using, and plan your layouts accordingly. 
  • Test your course as if you can't see; close your eyes and navigate every screen and interaction with a screen reader like NVDA.

3. Image accessibility crimes: from missing alt text to no zoom

Why it’s a problem

Images in learning experiences aren’t just decoration; they explain ideas, reinforce concepts, and help information stick. For learners with low vision, we can add a zoom function for highly detailed images to ensure they can follow along. But for learners who can’t see, that meaning is lost unless it’s described in audio form. That’s where alt text comes in. 

Alt text is a short description that tells learners what’s happening in an image. Done well, it ensures learners who are blind, have low vision, or use screen readers can fully access the meaning and purpose of the image. 

When alt text is missing, vague, or irrelevant, you’re shutting learners out entirely. Worse, inaccurate alt text can teach the wrong thing, leaving learners confused or misinformed.

How to avoid it

Here are some specific things to focus on:

  • Decide whether the image adds value. Decorative images don’t add meaningful information, so they don’t need to be read by a screen reader. 
  • Write concise, descriptive alt text that explains what the image conveys in context.
  • Skip phrases like ‘image of’ or ‘picture of.’ Instead, be specific and descriptive. Don’t write ‘Picture of a worker.’ Instead, write ‘Worker in safety gear spraying chemicals on a factory floor.’
  • Don’t repeat words. If the text is already on the page and also shown in the image, don’t repeat it in the alt text; otherwise, a screen reader will read it twice.
  • Keep the character count under 125 characters.
  • Don’t use abbreviations, emojis, or excessive punctuation.
  • Avoid adding text to images.
  • Add the zoom function to images that contain detailed information.
  • Use AI tools (like a Custom ChatGPT) to help write alt text.

4. Press play, miss everything

Why it’s a problem

Captions and transcripts make video content flexible, usable, and more effective for everyone. But first, what’s the difference between captions and transcripts?

  • Captions are on-screen text that appears in sync with the video’s audio. They show what’s being said and, when done well, also describe important sounds (like music or laughter).
  • Transcripts are full written versions of the audio. They provide all spoken content in one place and also describe visual information such as diagrams that aren't fully explained in the audio.

When videos don’t have captions or transcripts, many learners are left out. Learners who are deaf and hard-of-hearing can’t access the content at all. Learners who are blind miss important visual information unless it’s described in a transcript. Second-language speakers, people who learn better through reading, or anyone in a noisy environment also struggle to follow along.

How to avoid it

Here are some specific things to focus on:

  • Give learners control to pause, skip, or repeat content at their own pace.
  • When designing content for Deaf communities, provide appropriate sign language interpretation.
  • Add captions:
    • Always include accurate, synchronised captions (not just auto-generated).
    • Where the timing allows, avoid having too much text on the screen at once.
    • Include non-speech sounds when relevant.
  • Add transcripts:
    • Provide downloadable transcripts for all video or audio content.
    • Include notes on visuals or cues that aren’t conveyed by the audio.
  • Check captions and transcripts thoroughly for timing, spelling, and grammatical errors.

5. Lots of colour, but not with care

Why it’s a problem

Colour is powerful! It’s an important tool we use to create meaning in our learning experiences. But, it needs to be used with care. When it comes to colour, there are two main accessibility mistakes to watch out for:

  • Relying on colour alone: If colour is the only way meaning is conveyed, some learners miss out. For example, if errors are shown only in red or correct answers only in green, learners with colour vision differences may not see the distinction. Pair colour with text, icons, or shapes so the message is always clear.
  • Poor contrast: Text that doesn’t stand out enough from its background is hard to read, especially for people with low vision or those viewing on a small screen in bright light. Low-contrast colour combinations can make important content effectively invisible.

How to avoid it

Here are some specific things to focus on:

  • Make sure text is easy to read against its background. According to the Web Content Accessibility Guidelines (WCAG), the smaller the text, the stronger the contrast needs to be. As a rule of thumb: use at least 4.5:1 contrast for normal text and 3:1 for large text.
  • Use the WebAIM contrast checker to test the contrast of your text and background. 
  • Where possible, ensure your content can be adjusted to both light and dark modes.
  • Don’t use colour alone to convey information; pair it with icons, text labels, or shapes.

6. When words get in the way

Why it’s a problem

Accessibility isn’t just about the tech stuff; it’s also about making content easy to understand. Every learner deserves simple copy presented in consistent and easy-to-read typography. 

When learning experiences are packed with dense jargon, chunky paragraphs, and flowery fonts, it can overwhelm learners, especially those who think or process information differently (Gernsbacher, 2015).

How to avoid it

Here are some specific things to focus on:

  • Choose simple, legible fonts and use them consistently. For example, use one font for body text and one for headings throughout. Too many fonts can make content harder to follow.
  • Set a minimum font size for paragraph readability. A good rule of thumb: keep body text at least 16px (12pt), and large text at 24px (18pt) for readability.
  • Use plain language wherever possible.
  • Break content into short paragraphs and use clear headings.
  • Use diagrams, icons, and images to reinforce key points.
  • Offer multiple ways to engage with content (text, audio, visuals), but be mindful of cognitive overload.
  • Don’t crowd too many ideas or interactions too close together.
  • Provide summaries or recaps to help learners consolidate information.

7. Looks good… until someone tries to use it

Why it’s a problem

Built-in LMS checkers, browser plugins, and WCAG validators are useful for spotting obvious issues such as missing alt text, low contrast, or incorrect heading structures. They save time by flagging common errors, but they only go so far. These tools can’t tell you if your focus order makes sense, if alt text is meaningful, or if your interactions are actually usable with assistive technology. 

We also have to be mindful of different contexts of use. What works on one screen reader may fail on another. A design that looks fine in Chrome on a laptop may behave very differently in Safari on a phone, or break when learners zoom in to enlarge text. Without real-world testing across browsers and devices, barriers remain hidden.

How to avoid it

Here are some specific things to focus on:

  • Include people with disabilities in testing from the start, if possible.
  • Test whether the interactions, accessibility functions, and navigation work smoothly and intuitively.
  • Check across different devices, browsers, and, if possible, assistive technologies.
  • Use authoring tools and platforms that automatically adjust the layout for different screen sizes.
  • Don’t use fixed-width layouts; use flexible spacing.
  • Ensure images, videos, and tables resize correctly and remain legible.

The bottom line: Accessibility is not optional

Accessibility isn’t about ‘going the extra mile’ – it’s about meeting expectations. Without it, learning experiences exclude learners with disabilities.

Everyone deserves content that works well, feels good to use, and respects their time.

The good news? Inclusive design benefits all learners. Captions support deaf users, but they’re also very useful to anyone learning in a noisy space and people who are learning in a language in which they are not entirely fluent. High-contrast text helps people with low vision and makes reading easier for everyone. Keyboard navigation empowers screen reader users and multitaskers alike. 

When you design with accessibility in mind, you don’t just meet requirements; you create a learning experience that’s smoother, smarter, and better for everyone.

Sources

  • Gernsbacher M. A. (2015). Video Captions Benefit Everyone. Policy insights from the behavioral and brain sciences, 2(1), 195–202.
  • Jordan, J. B., Van Hyning, V., Jones, M. A., Montgomery, R. B., Bottner, E., & Tansil, E. (2024). Information wayfinding of screen reader users: Five personas to expand conceptualizations of user experiences. ASSETS, (47):1–7.
  • World Wide Web Consortium (W3C). (2024). Web Content Accessibility Guidelines (WCAG) 2.2. Retrieved September 8, 2025, from https://www.w3.org/TR/WCAG22/