Designing for All: A Guide to ADA-Compliant Online Courses (2026)

Designing ADA-compliant online courses is a critical responsibility for educational institutions seeking to serve all students effectively. The Americans with Disabilities Act (ADA) requires that online educational offerings provide equal access to students with disabilities, whether they have visual, hearing, mobility, cognitive, or other disabilities. This comprehensive guide walks you through the legal requirements, practical design principles, implementation strategies, and tools needed to create online courses that truly serve everyone.

Understanding ADA Requirements for Online Courses

The Americans with Disabilities Act (ADA) is a federal civil rights law that prohibits discrimination against individuals with disabilities. While many people associate the ADA primarily with physical accessibility (ramps, elevators, accessible parking), the law equally applies to digital spaces, including online courses. Under Title III of the ADA, institutions offering online courses must ensure that their digital content and platforms do not discriminate against students with disabilities.

When the ADA was passed in 1990, the internet barely existed. Today, courts interpret ADA requirements for digital content by referring to the Web Content Accessibility Guidelines (WCAG), developed by the World Wide Web Consortium (W3C). Most U.S. courts have adopted WCAG 2.1 Level AA as the appropriate standard for measuring ADA compliance in digital spaces. This means your online courses should meet the success criteria outlined in WCAG 2.1 at the AA level to satisfy ADA requirements.

The legal landscape around ADA compliance has shifted significantly in recent years. Between 2017 and 2023, the number of accessibility-related lawsuits filed against higher education institutions increased substantially. Many institutions settled these cases by committing to specific accessibility improvements and timeline requirements. Understanding these legal pressures can help your institution prioritize accessibility work and allocate appropriate resources.

It is important to note that legal compliance is not the only reason to prioritize ADA-compliant course design. Accessible design benefits all students. Research shows that captions help English language learners improve comprehension, transcripts assist students studying in noisy environments, and clear navigation benefits students with cognitive disabilities as well as those unfamiliar with technology. By designing for accessibility, you create a more inclusive learning environment that improves outcomes across your entire student population.

Title II vs. Title III Compliance Obligations

Public colleges and universities fall under Title II of the ADA, which requires that public entities provide programs and services that are equally accessible to people with disabilities. Private institutions and for-profit online course providers fall under Title III, which covers public accommodations. Regardless of which title applies to your institution, both require accessible online courses. The key difference is that Title II institutions have somewhat different procedures for handling accessibility requests and complaints, but the technical accessibility standards remain the same.

For Title II institutions, the Office for Civil Rights (OCR) within the U.S. Department of Education can investigate complaints about inaccessible online courses. For Title III entities, the Department of Justice enforces accessibility requirements. Understanding which regulatory agency oversees your institution helps you know where to direct accessibility complaints and what processes to follow for compliance.

The Role of WCAG 2.1 Level AA Standards

Web Content Accessibility Guidelines (WCAG) provide specific, measurable criteria for web accessibility. WCAG 2.1 is the most current version, released in 2018. The guidelines use three levels of compliance: A (basic), AA (enhanced), and AAA (specialized). Most legal standards reference AA as the appropriate level because it balances accessibility with practical implementation considerations. Achieving Level AA compliance demonstrates a substantial commitment to accessibility without requiring the most specialized (and often resource-intensive) AAA criteria.

WCAG 2.1 Level AA includes more than 50 specific success criteria organized around four principles: Perceivable, Operable, Understandable, and Robust (POUR). Each criterion has a testable condition that you can verify. For example, one criterion specifies that “text and images of text have a contrast ratio of at least 4.5:1.” This is measurable, objective, and verifiable. By aligning your course design with these criteria, you create documentation of your compliance efforts and ensure consistency across all courses.

The Four Core Principles of Accessible Course Design (POUR)

WCAG 2.1 organizes accessibility requirements around four fundamental principles abbreviated as POUR. Understanding each principle and how it applies to online course design is essential for creating truly accessible courses. These principles provide a framework that helps you think about accessibility holistically rather than treating it as a checklist of isolated requirements.

Perceivable: Making Content Detectable

The perceivable principle requires that all information in your course be presented in ways that all students can detect, regardless of their sensory abilities. This means students with visual disabilities must be able to access visual content through alternative formats, and students with hearing disabilities must be able to access audio content through text-based alternatives.

For images, this means providing descriptive alt text that conveys the meaning and purpose of the image. For a photograph of a historical event, for example, alt text should describe what is happening in the photo, who is present, and why it is historically significant. A simple phrase like “photo of the 1960 Civil Rights March” provides minimal value. Better alt text would read: “Photograph of the 1960 Civil Rights March in Washington, D.C., showing thousands of protesters holding signs demanding voting rights and equal treatment.”

For videos, captions are essential. Captions should be synchronized with the video, include speaker identification when multiple people speak, and note important sounds (like [applause] or [car horn]). Audio descriptions, separate narration that describes visual elements, help blind and low-vision students follow video content. Many educational videos benefit from having transcripts available that students can search and reference.

Color cannot be the only means of conveying information. For example, in a chart showing two data series, do not use red and green lines without also using different line styles (solid vs. dashed) or labels. This helps students with color blindness distinguish between the series.

Operable: Ensuring Navigation and Control

The operable principle requires that all functionality in your online course be accessible through multiple input methods, particularly keyboard navigation. Many students with mobility disabilities use keyboards, voice control, or switch devices instead of mice. Keyboard navigation means that a student can access every button, link, menu, and form field using only the keyboard, typically with the Tab key to move between elements and Enter or Space to activate them.

Interactive elements like quizzes, discussion forums, file uploads, and simulations must be fully keyboard accessible. Test your course by attempting to complete all activities using only your keyboard. If you cannot navigate somewhere or perform an action with the keyboard, it is not operable for students with mobility disabilities.

Focus indicators are critical to operable design. When a student uses the Tab key to navigate through your course, there must be a visible indicator showing which element currently has focus. This might be a border, color change, or highlight. Without visible focus indicators, keyboard users cannot tell where they are in the interface.

Keyboard traps are a common accessibility problem. A keyboard trap occurs when a user can navigate into a section of a page but cannot navigate out using the keyboard. For example, if Tab moves focus into a menu but pressing Escape or Tab again does not move focus out, that is a keyboard trap. All interactive elements must allow users to navigate away from them.

Understandable: Clarity and Predictability

The understandable principle requires that information and interfaces be clear enough that all students can comprehend them. This includes using clear language, consistent navigation patterns, and meaningful headings and labels. A student using a screen reader, a student with cognitive disabilities, and a student with limited English proficiency all benefit from clear, straightforward communication.

Headings should form a logical hierarchy. Use an H2 for the main topic, H3 for subtopics under that H2, and H4 for sub-subtopics. Do not skip heading levels (for example, jumping from H2 directly to H4). Screen reader users often navigate content by jumping between headings, so a logical hierarchy helps them understand the document structure.

Labels on form fields must be associated with input fields using proper HTML coding. When a form field is labeled with a separate label element, screen readers can announce the label when the field receives focus. Generic labels like “click here” or “submit” should be avoided in favor of descriptive labels like “Enter your student ID number” or “Submit your quiz responses.”

Instructions should be explicit and easy to follow. If a task involves multiple steps, number them clearly. Avoid relying on color alone to indicate errors or important information. For example, do not show an error message only in red text. Instead, use a combination of color, text, and icons to ensure everyone can perceive the error.

Robust: Ensuring Technology Compatibility

The robust principle requires that your course content be compatible with a wide range of assistive technologies, including screen readers, voice control software, magnification tools, and specialized browsers. Achieving robustness primarily involves following proper HTML coding standards and avoiding outdated or non-standard coding practices.

Screen readers interpret your HTML code to present content to users. If your HTML is poorly structured or does not follow standards, screen readers cannot present the content correctly. Using semantic HTML (like proper heading tags, list tags, and form labels) ensures that screen readers can understand the structure and meaning of your content.

PDF accessibility is a particular challenge in online courses. Many instructors distribute course materials as PDFs. To be accessible, PDFs must have tags that define headings, lists, form fields, and images. Tagging a PDF is more complex than tagging HTML, and many PDFs created by instructors are completely untagged and therefore inaccessible to screen reader users. Whenever possible, provide course materials in HTML format, which is easier to create accessibly. When PDFs are necessary, ensure they are properly tagged and tested with a screen reader.

Essential Design Elements for ADA-Compliant Courses

Creating an ADA-compliant online course requires attention to numerous specific design elements. This section covers the most critical elements that educators and instructional designers should prioritize.

Text Formatting and Typography

Text formatting affects readability for all students, especially those with dyslexia, low vision, or cognitive disabilities. Use sans-serif fonts like Arial, Verdana, or Helvetica for body text. Sans-serif fonts have cleaner, more uniform letterforms that are easier to read on screens. Reserve serif fonts (like Times New Roman) for headings if desired, but keep body text in sans-serif.

Font size matters significantly. The minimum font size for body text should be 12 points, with larger sizes (14 or 16 points) even better for readability. Many students benefit from the ability to increase font size. Ensure your course platform allows students to resize text without breaking the layout or making content inaccessible.

Line spacing affects readability. A line spacing of at least 1.5 lines helps students with dyslexia and other reading disabilities. Increase spacing between paragraphs as well to create visual separation between ideas.

Justification should be set to left alignment only. Left-justified text is easier to read than fully justified text (which stretches to both margins), as fully justified text creates uneven spacing between words that can be confusing.

Color Contrast and Visual Design

Color contrast is measured by comparing the luminance (brightness) of text and its background. WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18 points or larger, or 14 points bold or larger). This means if your background is white, your text must be dark enough that it is four to five times brighter than the background.

Many color combinations that appear fine to people with normal color vision fail contrast requirements. Red text on a dark background, blue text on a black background, and light gray text on white all commonly fail contrast tests. Use automated tools like WebAIM’s contrast checker to verify your color combinations meet requirements.

Color should never be the only means of conveying information. In charts, graphs, and other visualizations, use color combined with patterns, labels, or different line styles. For example, if you use a pie chart with red and blue slices, also include data labels or a clear legend so someone who cannot distinguish the colors can still understand the data.

Avoid unnecessary visual complexity. While attractive design matters, students with cognitive disabilities or those using screen readers benefit from clean, simple layouts. Use white space effectively to separate sections and reduce visual clutter.

Captions and Transcripts for Multimedia

Video is increasingly common in online courses, but video content must be captioned to be accessible. Captions serve students who are deaf or hard of hearing, but they also help English language learners, students in noisy environments, and those reviewing material for studying. Research shows that captions improve comprehension and retention for all students, not just those with hearing disabilities.

Professional captioning services produce more accurate captions than automatic captioning tools, though automatic captions are better than nothing. YouTube, Kaltura, Panopto, and other video platforms offer automatic captioning, but human review is recommended to correct errors. Technical terms, names, and specialized vocabulary are often misheard by automatic systems.

Audio descriptions describe what is happening on screen for students who are blind or have low vision. This separate narration plays in addition to the video’s natural sound. While audio descriptions are not always required under WCAG 2.1 Level AA (they are required at Level AAA), they significantly improve accessibility for students with visual disabilities and are increasingly expected in educational settings.

Transcripts should be provided for all audio and video content. A transcript is a complete text version of all spoken words and important sounds (like “[applause]” or “[door slams]”). Transcripts allow students to search for specific content, review material for studying, and access content in any environment. Transcripts also benefit students with cognitive disabilities who benefit from multiple formats for processing information.

Keyboard Navigation and Interactive Elements

Every interactive element in your course must be accessible via keyboard. This includes links, buttons, form fields, dropdown menus, and any custom interactive components.

Focus order should be logical. When a user presses Tab, focus should move through interactive elements in a logical sequence, typically left to right and top to bottom. If focus jumps around the page illogically, it confuses keyboard users and screen reader users who are following the focus.

All buttons and links must have keyboard focus. A button without a visible focus indicator leaves keyboard users unable to see which element they are about to activate. Focus indicators should have a contrast ratio of at least 3:1 with adjacent colors and should not be removed with CSS (a common practice that breaks keyboard accessibility).

Forms require careful attention. Each input field must have a associated label. The label text should clearly describe what information goes in the field. Radio buttons and checkboxes must be grouped with a fieldset element and legend, so screen reader users understand which options belong together.

Headings, Lists, and Semantic HTML

Headings provide crucial structure for screen reader users and students who scan content. Use proper heading hierarchy: one H2 per main section, H3 for subsections, and H4 for sub-subsections. Do not skip heading levels or use headings for styling purposes.

Lists organize related information. Use unordered lists for items without a specific sequence and ordered lists for steps or ranked items. Use definition lists (dl, dt, dd elements) for terms and definitions. Proper list markup helps screen reader users understand the relationships between items.

Semantic HTML uses meaningful tags that describe content purpose. Use paragraph tags for paragraphs, blockquote tags for quotations, strong or em tags for emphasis (not just bold or italic styling), and table elements for data tables (not for layout). Semantic markup helps assistive technologies understand and present content accurately.

Alternative Text for Images and Graphics

Every image in your course needs alternative text (alt text) that conveys the image’s content and purpose. Alt text is read aloud by screen readers and displayed if an image fails to load.

Good alt text depends on context. For a decorative image that adds visual interest but does not convey important information, alt text can be null (alt=””). For an informative image, alt text should be a concise description of the content. For complex images like charts or diagrams, alt text might be a longer description, or you might provide a detailed description in adjacent text or a separate document.

Example: For a chart showing enrollment trends over five years, simple alt text might read “Enrollment trends 2019 through 2024, showing consistent growth.” More detailed alt text or a linked data table would provide the specific numbers.

Avoid using phrases like “image of” or “graphic of” in alt text. Screen readers already announce the element as an image, so this is redundant.

WCAG 2.1 Level AA Implementation Strategies

Implementing WCAG 2.1 Level AA standards requires a systematic approach. Rather than treating accessibility as an afterthought, integrate it into your course design process from the beginning.

Accessibility in Course Planning and Development

Include accessibility requirements in your course design process from the start. Add accessibility to your course design template or rubric. Include questions about accessibility in any instructional design planning documents: Will multimedia be used? If so, will it be captioned? Will there be images? How will alt text be provided? Will color be used to convey information?

Assign accessibility responsibility to a specific team member. Whether you designate an accessibility coordinator, instructional designer, or instructional technology specialist, someone should be accountable for reviewing courses for accessibility before launch.

Provide accessibility training to all instructional staff and course creators. Many instructors want to create accessible courses but do not know how. Brief, targeted training on the specific tools they use (Blackboard, Canvas, Moodle, etc.) and the most common accessibility issues makes a significant difference.

Build accessibility into your learning management system (LMS) and course templates. Configure your LMS to encourage accessible design. Use accessible themes and templates that users can customize while maintaining accessibility. Create resources like accessible syllabus templates that instructors can use.

Testing and Quality Assurance

Accessibility testing should be ongoing throughout course development, not just a final review. Combine automated testing tools with manual testing and user testing with students with disabilities.

Automated tools quickly scan your course for many common accessibility issues. These tools check things like heading structure, color contrast, alt text presence, and form labels. Automated tools cannot check everything (for example, they cannot verify whether alt text is actually accurate or meaningful), but they catch many problems quickly and inexpensively.

Manual testing involves systematically reviewing your course against WCAG 2.1 Level AA criteria. A person with expertise in accessibility goes through your course and checks elements that automated tools cannot assess, like the quality of alt text, appropriateness of captions, and overall design clarity.

Keyboard testing specifically involves attempting to use your course with only a keyboard. Can you navigate to all content? Can you activate all buttons and links? Is the focus order logical? Can you escape from all interactive elements? If any content or functionality is only accessible with a mouse, it is not operable.

Screen reader testing involves using a screen reader to navigate your course. Free screen readers like NVDA (for Windows) or built-in VoiceOver (for Mac) let you experience your course as a student with a visual disability would. This testing often reveals problems that are not apparent from other testing methods.

User testing with students who have disabilities provides invaluable feedback. Having a student who uses a screen reader, for example, navigate a course and provide feedback often uncovers issues that no amount of automated or expert testing can find. Students have creative ways of using technology and can often identify barriers that testers miss.

Accessible Learning Management System Selection and Configuration

Your learning management system (LMS) is the foundation of your online courses. Choosing an accessible LMS and configuring it properly is essential for course accessibility.

LMS Accessibility Features Comparison

When selecting an LMS, request accessibility documentation and VPAT (Voluntary Product Accessibility Template) reports from vendors. These documents detail how the product meets accessibility standards. Ask vendors about their accessibility testing processes and whether they regularly conduct third-party accessibility audits.

Configuring Your LMS for Accessibility

Once you have selected an LMS, configure it to support accessible course design. Review your LMS’s accessibility documentation and any built-in accessibility settings. Most modern LMS platforms have some level of accessibility configuration options.

Use accessible templates and themes. Most LMS platforms provide theme or template options. Some are more accessible than others. Choose a clean, simple template with good color contrast and clear navigation. Avoid templates with complex layouts, auto-playing media, or custom coding that might introduce accessibility barriers.

Configure accessibility settings for students. Enable features that help students with disabilities, such as the ability to adjust font size, enable high-contrast modes, or activate text-to-speech features. Some LMS platforms have built-in accessibility tools; others integrate with third-party accessibility plugins.

Create an accessibility help page or resource. Include information about built-in accessibility features, how to request accommodations, and who to contact with accessibility questions. Link to this resource prominently in your LMS so students can easily find it.

Tools and Resources for ADA Compliance Testing and Implementation

Numerous tools and services can help you create and maintain ADA-compliant online courses. Using the right combination of tools makes testing more efficient and comprehensive.

Automated Accessibility Testing Tools

Automated testing tools scan your course pages and check them against accessibility standards. These tools are quick, inexpensive, and useful for identifying obvious problems.

WAVE (Web Accessibility Evaluation Tool) by WebAIM is free and easy to use. Enter a URL and WAVE displays your page with color-coded icons indicating errors, warnings, and features. WAVE shows you exactly where contrast failures, missing alt text, form label issues, and other problems occur. It includes a browser extension for testing pages behind authentication.

Axe DevTools by Deque is available as a free browser extension or as paid enterprise software. Axe conducts a thorough automated scan and reports accessibility issues with clear explanations and links to detailed remediation guidance. The free version covers most common accessibility issues.

Lighthouse is built into Google Chrome. Open your course in Chrome, press F12 to open Developer Tools, click the Lighthouse tab, and run an accessibility audit. Lighthouse provides a score and lists specific issues to fix.

Color Contrast Analyzer by WebAIM helps you check color contrast ratios. Enter foreground and background colors (by sampling from your screen or entering color values), and the tool shows you the contrast ratio and whether it meets WCAG standards for normal and large text.

NVDA (NonVisual Desktop Access) is a free, open-source screen reader for Windows. JAWS is a paid commercial screen reader. Both let you experience your course as a student using a screen reader would. These tools are essential for understanding how screen reader users will navigate your content.

Manual Review and Expert Services

Automated tools catch many problems but not everything. Manual review by someone knowledgeable about accessibility catches issues that tools miss and helps ensure that solutions are appropriate and effective.

Deque’s accessServices provides manual accessibility audits and remediation services. Their experts conduct thorough reviews and provide detailed reports with specific recommendations. Cost varies based on scope, but typically ranges from several hundred to several thousand dollars depending on the size of your course.

Accessibility Partners specializes in higher education accessibility. They offer accessibility audits, training, and remediation services specifically designed for colleges and universities. They understand higher education environments and learning management systems.

The Paciello Group offers accessibility consulting and testing services, including accessibility audits, training, and expert reviews. They also publish extensive accessibility guidance and best practices resources.

Many universities have disability services or accessibility offices with staff who can review courses for accessibility issues. If you have these resources internally, they should be part of your accessibility team.

Captioning and Audio Description Services

Professional captioning ensures accurate, synchronized captions for video content. Rev, CaptionHub, and GoTranscript offer captioning services at various price points. Rev charges approximately $1.25 per minute for professional captioning. Many services can return captions within 24 hours. Academic institutions often receive discounts.

Your video platform may have built-in captioning services. Kaltura, Panopto, and YouTube all offer automatic captioning, which you can then review and edit for accuracy. Automatic captions are improving but still make errors with names, technical terms, and complex vocabulary.

Audio description services convert visual information into spoken descriptions. This is more complex than captioning and is typically more expensive. Some video production companies and accessibility service providers offer audio description services.

Plugins and Accessibility Widgets

Various plugins and widgets can enhance accessibility features in your online courses. UserWay, accessiBe, and similar tools add accessibility features like font size adjustment, high-contrast modes, reading guides, and text-to-speech.

However, these overlays or widgets should supplement, not replace, proper accessible design. An inaccessible course with an accessibility overlay is still inaccessible to many students. Prioritize fixing underlying accessibility issues before adding widgets.

Creating Accessible Multimedia Content

Multimedia (video, audio, animations, interactive elements) is increasingly common in online courses. Multimedia can enhance learning but must be made accessible to be truly inclusive.

Video Accessibility Best Practices

Video requires both captions and audio descriptions. Captions make video accessible to deaf and hard of hearing students and also help students in noisy environments and those for whom English is not a first language.

Captions should be synchronized with the video and should include all spoken dialogue, relevant sounds, and speaker identification. For example, captions should read “[Professor Johnson speaking] The water cycle has three main stages…” not just “The water cycle has three stages…”

Audio descriptions describe what is happening visually. If your video shows a chemical reaction or a historical photograph, students who are blind need descriptions of what is occurring. Audio descriptions can be provided as a separate audio track that plays in addition to the original sound, or as a descriptive transcript that supplements the video.

Ensure video players are keyboard accessible and have proper labels. Students must be able to play, pause, mute, and adjust volume using only the keyboard. Captions should have a toggle button that is keyboard accessible and clearly labeled.

Avoid auto-playing video. Videos that automatically start playing when a page loads are jarring and can be problematic for students using screen readers, as the audio interferes with screen reader output. Always require a user to click play to start video.

Audio Content Accessibility

Podcasts, lectures, and other audio content require transcripts. A transcript is a complete text version of everything said. Transcripts should include speaker identification and important sounds.

Transcripts can be created by professional transcription services, by your video platform’s automatic transcription feature (reviewed and edited for accuracy), or by students as a classroom activity. The goal is to provide a complete text version of the audio content that students can read, search, and reference.

If you use third-party interactive content (from vendors or educational technology companies), test it thoroughly for accessibility before using it in your course. Many educational technology tools still lack adequate accessibility features. Request accessibility documentation from vendors and test with keyboard navigation and screen readers.