Web Accessibility Guidelines & Compliance Standards In Online Learning

Article on what web accessibility is and compliance standards

Just as your campus buildings have braille signs, wheelchair ramps, and elevators to make them accessible to everyone, think of web accessibility in the same way: all users, regardless of disabilities or conditions, should be able to access and interact with your online course content and technologies.

Did you know: 

More than 1 in 4 people in the US have a disability. Disabilities can include cognitive, neurological, psychological speech, auditory, mobility, and visual, among others.

Color blindness (color vision deficiency) affects about 4.5% of the world’s population. This means a school with 5,000 students has about 225, on average, with color vision deficiency.

Color Blindness Simulator​

The comparison images below show how different types of color blindness, also called color vision deficiency, can impact a student’s ability to interpret your online course content.

three brightly colored parrots sitting on branches in normal color vision
three brightly colored parrots sitting on branches in normal color vision
three brightly colored parrots sitting on branches in normal color vision red color blindess example with three parrots sitting on a branch
three brightly colored parrots sitting on branches in normal color vision black and white color blindness simulation showing three parrots on a branch

Scroll to see more examples

Find the information you need

What is web accessibility?

Web accessibility means designing digital resources and content that everyone can access, use, and interact with, regardless of disabilities and socioeconomic factors, like internet bandwidth and speed, that can restrict access.

It involves understanding how students with disabilities interact with learning content, recognizing the challenges they face, and designing learning materials, activities, and resources to address those challenges.

Why is accessibility important in online learning​?

Accessibility in online learning is important because it gives every student a fair chance to learn, participate, navigate, and interact with course content and activities. Without it, many students could face challenges that prevent learning or even accessing courses altogether.

POUR principles

There are four principles of accessibility that are known as POUR principles. POUR is an acronym that stands for perceivable, operable, understandable, and robust.

Perceivable

Students can sense and access online elements through vision, hearing, or assistive technologies.

Operable

Students can navigate and interact with content using controls, buttons, or navigation tools.

Understandable

Students can easily comprehend and use the content and interface.

Robust

Content works across devices, browsers, and assistive technologies.

Web accessibility guidelines and standards

There are several guidelines specific to web accessibility, as well as broader compliance standards that we’ll cover in this article:

  • Guidelines: WCAG, Mobile, UAAG, ATAG, EPUB
  • Standards: ADA, Section 508, EN 301549

Are guidelines and standards the same thing? No, web accessibility guidelines and standards are different. Guidelines are best practices and recommendations, while standards are legally required. BUT some standards require compliance with guidelines.

Web accessibility guidelines

Web Content Accessibility Guidelines (WCAG)

WCAG provides technical standards and best practices to create more accessible digital content that supports every user, regardless of disabilities, content type, or device. Instructional designers and instructors can use WCAG to create accessible course content for people with disabilities, such as physical and mobility conditions, blindness, deafness, speech difficulties, and learning disabilities.

Examples of WCAG recommendations:

  • Consistent course format: Use a consistent layout across course materials to make navigation easy (e.g., keeping headers, footers, and navigation in the same place).
  • Easy to read text: Use accessible font sizes, high color contrast, and appropriate spacing to improve readability.
  • Text alternatives for non-text content: Add text descriptions to all multimedia used in your course. For example, alt-text for images, captions and subtitles for videos, transcripts for audio, etc.
  • Keyboard Accessibility: Make all course elements usable and navigable by keyboard (e.g., navigation, reading materials, quizzes, etc.).
  • Avoid flashing elements: Don’t use any elements in your course that flash more than three times per second.

Mobile Accessibility Guidelines

W3C, the same standards organization that created the other guidelines in this article, provides broad guidelines for designing content that is accessible and works well on mobile devices.

Mobile accessibility tips for online courses:

  • Optimize for small screens: Minimize the information on each page (e.g., fewer images and modules) and use responsive design to adjust the layout.
  • Support zoom/magnification: Allow students to zoom in on content.
  • Use high color contrast: High contrast is important for readability on mobile devices, especially in bright or changing light conditions like outdoor sun glare.
  • Simplify touchscreen gestures: Use simple gestures, like single or double tapping or swiping, and provide an on-screen indicator or advisement of the gestures.
  • Easy to access buttons: Place buttons and interactive elements in locations where they easy to reach and usable with one hand.
  • Key information at the top: Place important information at the top of the page to assist users with low vision and cognitive impairments with locating content without extra interaction.

User Agent Accessibility Guidelines (UAAG)

UAAG makes internet browsers and media players (YouTube, Vimeo, Spotify, etc.) easy to use and compatible with assistive technologies. These guidelines helps create a more accessible, consistent experience regardless of the browser or media players used in your courses. UAAG is important for online courses because it allows all users—students, faculty, and staff—to access and interact with learning materials regardless of their accessibility needs, devices, and platforms.

Authoring Tool Accessibility Guidelines (ATAG)

ATAG makes website builders and content editors more accessible for designers and developers with disabilities. This is important for online courses because it allows instructional designers, e-learning staff, and instructors to create e-learning materials that all students can access and use.

ATAG  is relevant for authoring tools used to:

  • Create web pages (WYSIWYG HTML editors)
  • Generating websites (learning management systems (LMS), courseware tools, content management systems)
  • Convert documents to web technologies (word processors and HTML converters)
  • Save content in web formats (word processors and desktop publishing apps)
  • Quickly update portions of web pages (blogs, forums, etc.)
  • Produce digital multimedia content (video editors)
  • Send emails with messages using web content technologies (Mailchimp, Hubspot, etc.)
  • Create mobile applications (Adobe XD, Figma, etc.)

Ebook Accessibility (EPUB)

EPUB accessibility guidelines help make ebooks and other digital publications accessible to people with disabilities by supporting screen readers, making the content easy to navigate, and including alt text for images. In online learning, these guidelines allow all students, including those with visual or cognitive impairments, to access and engage with ebooks and other digital publications.

What makes an ebook accessible?

Accessible ebooks make reading easier for everyone, like screen reader compatibility for students with vision impairments, read-aloud text for learners with dyslexia, and switch control support for those with motor disabilities. Some also offer extra features like sign language videos for deaf users or simplified text for learners with intellectual disabilities.

Accessibility Compliance Standards

Americans with Disabilities Act (ADA)

What is ADA compliance?

The Americans with Disabilities Act (ADA) is a federal law created by The Department of Justice that protects people with disabilities by prohibiting discrimination. ADA grants equal access to public spaces, jobs, transportation, telecommunications, and online services, like education. It requires schools, businesses, and other organizations to make reasonable accommodations so everyone can participate fully.

ADA includes web accessibility guidelines like making text and links easy to read, adding alt text to describe images, and providing captions or transcripts for audio and video content to ensure clarity and consistency.

For colleges and universities, ADA compliance—including accessible web content—provides equal access to programs, resources, and facilities for all students, faculty, and staff, which builds a more inclusive environment that meets compliance standards.

Who should follow ADA compliance standards?

ADA impacts many industries and organizations, such as private employers, public organizations (such as schools and universities), and various levels of government agencies. ADA advocates that organizations should self-regulate their web accessibility standards and are encouraged to use WCAG guidelines as well.

Section 508

What is Section 508?

Section 508 is a law that requires federal agencies to make their electronic and information technology—websites, software, and multimedia—accessible to people with disabilities. Complying with Section 508 also requires agencies to make online training accessible.

How does Section 508 apply to higher education?

While Section 508 primarily applies to federal agencies, its standards influence higher education institutions, especially those receiving federal funding, which includes requirements to meet accessibility standards like Section 508. This alignment with other accessibility standards helps provide all students equal access to e-learning resources and educational opportunities.

EN 301 549

EN 301 549 is a European standard that sets accessibility requirements for digital products and services that make them usable by people with disabilities. It builds on WCAG but also covers requirements that make biometric technologies such as facial recognition and fingerprint scanning accessible for people with disabilities. While EN 301 549 is primarily used by European Union (EU) countries, other countries, including Canada, Australia, Sweden, and Norway, use it as a framework for their accessibility efforts.

Accessibility Checkers and Compliance Testing

Web accessibility checkers to help you create online courses that are accessible for everyone.

WCAG compliance checker

Accessibility color checker

Website accessibility checker

Video captioning tools

Microsoft Office

Functional web accessibility evaluator

Finish the 3-Part Accessibility Series
Sign up for more resources

Future AI Trends in Online Education

AI tools to improve online education

While some of the AI tools you’ll see aren’t widely used in online learning yet (they’re mostly used by businesses) we’ll explain how they work and the ways they can be adapted for online learning.

Understanding emotions is complex because we all feel and express them in different ways. While emotion AI isn’t perfect, it can help instructors improve engagement and support learners where they need it most.

What is emotion AI?

Emotion AI, sometimes called affective computing, detects and interprets human emotions by analyzing text, voice (audio), and video and associating specific components with related emotions.

How can emotion AI be used in online learning?

Emotion AI technology can help learners with cognitive and/or physical disabilities communicate; detect signs of confusion and frustration; and pinpoint course activities that they are interested in or uninterested in.

What are the types of emotion AI?

Text Emotion AI

Analyzes written language to identify the sentiment and emotional tone of the content.

Example uses: analyzing written responses, like forum posts and course evaluations, to identify, understand, and address emotional states.

Voice Emotion AI

Identifies emotions based on vocal characteristics like volume, tone, pitch, and speed.

Example uses: monitoring learners’ spoken responses during online classes and virtual presentations to detect nuances in learner interest or distress.

Video Emotion AI

Observes body language, facial expressions, and gestures to determine emotional states.

Example uses: observing facial expressions and body language during video conversations and online exams to understand learners’ confusion and levels of interest or disinterest.

The images below illustrate how video emotion AI software might appear from an instructor’s perspective when reviewing, offering insights into learners’ interest and engagement.

“High Attention” highlights that learner attention increases when making eye contact.

“Low Attention” shows a decreased level of attention when they look away from the screen.

While eye contact with a webcam doesn’t necessarily mean they’re really paying attention, and looking away doesn’t mean they aren’t listening, when paired with other metrics, like how long they looked away, facial expressions, and other body language, it can help gain a broader understanding of behavior and emotion.

Educators can use these individual insights or similar data from all learners to understand certain activities that boost attention and engagement, which topics confuse learners, and more.

High Attention

Low Attention

  • High attention example for emotion detection AI

  • Example of low levels of attention in video emotion software

High Attention

Low Attention

  • High attention example for emotion detection AI

  • Example of low levels of attention in video emotion software

2. AI language tools that go beyond translations

Newer language-related AI can understand the nuances of languages like slang, accents, and dialects to build truly global dialogues in online courses.

Accent Recognition AI

“Sorry, I didn’t quite catch that.”

Even if you’re a native English speaker, you’ve probably heard this or something similar from voice assistants. They’re about 95% accurate, sometimes more or less depending on which one you’re using, which is pretty good, right?

Sure, but that still means every 20th word is wrong, which is the exact length of the sentence you’re reading.

However, the accuracy varies depending on your accent… even if you’re a native English speaker. 

Question

Answer


  • Which two U.S. accents are voice assistants more likely to understand?

    1. Southern

    2. Midwest

    3. Western

    4. Eastern


  • 1 & 3

    Southern and Western accents were understood more often than Eastern and Midwest accents.

    Source: Washington Post, 2018 research

The research also found that people with non-native accents experienced 30% more inaccuracies when using voice assistants, with Spanish and Chinese accents being the least accurate. Imagine how frustrating that would be.

But there’s good news: accent recognition AI tools are available that are trained on extremely diverse data that allows it to better understand accents. They analyze and interpret speech patterns, intonations, and pronunciations specific to different accents. 

Accent recognition AI can help improve the operability of voice-controlled technologies and generate more accurate live captioning and transcriptions.

Name Pronunciation AI

What’s an easy way to stifle a sense of inclusion and belonging? Mispronouncing someone’s name.

Even if it’s an innocent mistake, it’s probably something that person encounters daily. But there’s a solution that can help: name pronunciation AI.

How does name pronunciation AI work?

  • Integrates throughout your online courses within the LMS, SIS, and other platforms to ensure that names are accurately pronounced.
  • Uses databases of audio name pronunciations and algorithms that recommend correct pronunciations.
  • Learners voice-record their names, and the recording is available throughout the platforms.

Name pronunciation AI can be used in:

  • Online class discussions
  • One-on-one advising sessions
  • Virtual information sessions
  • Recruitment conversations
  • Student support

Realistic Sign Language Interpretation AI​

Instead of using cartoon-like avatars, newer sign language interpretation AI creates a more realistic experience by splicing together videos of real people signing.

Some sign language AI can also provide real-time translation of spoken language and text to sign language and vice versa, making content accessible to deaf or hard-of-hearing learners.

Cartoon signing help
Cartoon signing help

3. Automatically finding leaked test content

Have you ever found your test questions leaked on the internet?

“Homework help” sites like Chegg and discussion forums like Reddit and Quora make it easy to find and share your test questions and answers. 

You have 3 ways to tackle leaked test content:

1. Manually searching the internet on your own

You search the internet for individual test questions and send takedown requests if you find any.

2. Manually searching but with AI’s help

You select individual questions that the AI will search for and send your own takedown requests.

3. Automatically searching with AI

The AI does all the work by automatically searching the internet for all of your test content in a few minutes and giving you the ability to send one-click takedown requests.

Automating this process is the best way, so here’s how it works with Search & Destroy™:
  • Search & Destroy™ automatically searches for all of your exam questions
  • Search results show where any of your questions are leaked
  • Send one-click takedown requests to sites displaying your questions

That’s it. No more leaked content concerns.

4. Large Language Models can help review college admissions essays without bias

Completely eliminating biases isn’t realistic, but they can and should be acknowledged and addressed, and AI can help,  even though it can be biased too.

How can AI be biased?

AI reflects the biases of the people using it, the data it’s trained on, and the ways it’s used.

For example, if AI is trained on biased data, such as data from underrepresented groups, there’s a ripple effect that can impact algorithms, outputs, and future models.

The good news is that AI biases, similar to human biases, can be recognized and addressed to help reduce them.

Which would you pick?

If you were in charge of admissions—and let’s pretend time constraints don’t exist—would you:

  • Only review objective data, like standardized test scores and GPAs
  • Review objective data and understand other areas of who they are, like their personal qualities

Generally speaking, most would choose to consider personal qualities like personality, character, leadership, and life experiences.

While personal qualities are more subjective than test scores, research shows that they can predict success in school and life. Reviewing these qualities takes more time than reviewing objective information, like test scores and GPAs. But Large Language Models can help.

Large Langage Models (LLM)

What are large language models?

Large Language Models are a type of AI that can understand, interpret, and generate human language by analyzing and learning from extensive datasets.

How do LLMs work?

LLMs are trained by “reading” billions of pieces of text from various sources, like internet articles and forums, scientific research, textbooks, newspapers and magazines, and more.

This training helps them learn patterns and understand how words and sentences are formed in different formats and contexts.

LLMs don’t actually understand language, they’re just really good at predicting what word should come next. The two models we’ll discuss are unidirectional and bidirectional

  • Unidirectional: predicts the next word based on previous words
  • Bidirectional: analyzes text from both directions to predict a word in context

RoBERTa vs. ChatGPT

Both are LLMs that share the same architecture but excel in specific tasks, similar to cars with the same frame but different tires and suspension systems for certain terrains.

  • RoBERTa (bidirectional) drives better in the city (understanding language nuances and context), but it can still make it on certain off-road trails (creating content).
  • GPT (unidirectional) drives best on off-road trails, but can navigate some city streets.

The University of Pennsylvania used a LLM, RoBERTa to review college admissions essays for personal qualities

Research published in October 2023 by the University of Pennsylvania indicates that certain LLMs, if trained properly and thoroughly, can review admissions essays for personal qualities that predict college graduation on par with human admissions staff.

The researchers and their team analyzed over 300,000 college essays and scored them on the absence or presence of seven traits: prosocial purpose (helping others), leadership, learning, goal pursuit, intrinsic motivation, teamwork, and perseverance.

Then they trained RoBERTa  to recognize and evaluate similar qualities and characteristics in essay submissions without showing biases toward race, gender, or socioeconomic status. RoBERTa was used because it excels at understanding the context and meaning of language, which makes it an effective tool for understanding emotions, text classification, and translations.

Research results and takeaways

RoBERTa recognized personal qualities without bias

It recognized qualities like teamwork and intrinsic motivation in applicants from diverse backgrounds, without showing bias towards race, gender, or socioeconomic status.

RoBERTa’s predictions were accurate

Its predictions of the likelihood of students graduating were slightly more accurate than humans, but not by much.

The researchers recommend using AI with optimism and caution

“An AI approach to measuring personal qualities warrants both optimism and caution… We recommend AI be used to augment, not replace, human judgment. No algorithm can decide what the goals of a university’s admissions process should be or what personal qualities matter most for that community.”

5. Preventing remote access software contract cheating

Have you ever had a support technician take over your desktop and fix your computer from a remote location?

That’s basically how remote access software is used to cheat on exams.

A person pays a test-taking service to have one of their experts control their computer and take the exam from a remote location.

Even though the person getting credit appears to be sitting in front of the camera during the test, it’s the off-camera expert who is actually answering the questions.

And since the person getting credit stays on screen during the exam, ID verification methods won’t help.

How can you stop remote access cheating?

Honorlock’s remote proctoring platform has a few ways to help:

  • Recording the desktop and requiring specific keyboard commands immediately before starting the exam: Exam admins use Honorlock’s exam settings or test rules to require test takers to use keyboard commands, such as Ctrl+Alt+Del (Windows) or Cmd+Opt+Esc (Mac), to display the applications and processes running on the device.
  • Displaying countries: Honorlock’s Analytics Hub™ shows the countries that tests were taken in based on IP address. If any tests are taken in countries with no known test takers, it may indicate the use of remote access test-taking services.
  • Blocking applications: Honorlock’s proctoring platform gives exam administrators the ability to block specific applications that can be used for remote access.

6. Using AI for on-demand tutoring

Whether intentionally built for tutoring or adapted, AI tools such as intelligent tutoring systems, chatbots, and writing assistants offer 24/7 interactive tutoring and support, which enhances learning while building a more diverse and inclusive educational environment that accommodates various learning styles and needs.

They also offer real-time feedback, which is crucial for learners with intellectual disabilities because it helps them make connections between their work and the instructor’s feedback.

Intelligent Tutoring Systems (ITS)

Intelligent Tutoring Systems simulate one-on-one human tutoring, offering tailored feedback and adapting course materials to meet each learner’s needs. 

They can guide learners through problem-solving steps, offer hints, break down complex topics, and recommend additional relevant content.

While an ITS can benefit any subject, it’s particularly beneficial for subjects like math, which require—for the most part—a lot of repetition.

Here’s how an ITS could work for an algebra course:

  • The ITS assesses the learner’s understanding of basic algebraic concepts and their ability to solve problems.
  • After assessing knowledge, it customizes learning activities and offers additional content based on their needs. 
  • If the learner struggles in a specific area, it provides extra help, like step-by-step explanations and practice problems.
  • If the learner excels in a topic, the ITS gradually progresses to more advanced concepts and activities.
  • The ITS provides immediate feedback and additional context, allowing learners to recognize errors and learn to correct them.

Chatbots

ChatGPT, Google Bard, and other chatbots can provide learners with instant tutoring and support anytime they need it.

Learners can use chatbots to dig deeper into complex subjects, brainstorm ideas, provide feedback on written work, translate text, and check writing quality.

AI writing assistants

Writing tools like Grammarly and Quillbot have been around for a few years now, but they’re evolving.

Initially, they just helped improve writing by correcting grammar, spelling, and style issues.

But now, they’re incorporating AI that can instantly make writing more concise, easier to understand, or sound a specific way, such as being more assertive.

These tools are particularly useful for individuals writing in a second language and for those with learning disabilities, as they can boost confidence and deliver different forms of corrections and feedback immediately.

Regardless of which AI tools you use, make sure that they’re used purposefully, ethically, and with full transparency. Always keep in mind that AI tools are just that—tools. They aren’t a replacement for the people using them.

Sign up for more online learning resources​