This visual guide helps illustrate which color pairings work well for inclusive design and which should be avoided in digital content to ensure readability for all users. It also demonstrates how to include alternative text for tables.
This image presents a grid of nine color combinations to illustrate which meet the WCAG 2.2 contrast standards for accessible text. Each block shows a background color with overlaid text and indicates whether the combination passes or fails based on the required 4.5 to 1 contrast ratio for normal-sized text.
The top row features three color combinations that do not meet accessibility standards: blue text on light yellow (#0066cc on #f4d94c), yellow text on sky blue (#f4d94c on #41b6e6), and yellow text on light gray (#f4d94c on #b4b4b4). While these pairings may appear bright and visually engaging, they lack sufficient contrast, making them difficult to read for individuals with low vision or color blindness. Accessible design requires more than aesthetic appeal—it must ensure legibility for all users.
#0066cc on #ffdd00) fails to meet contrast requirements, making it inaccessible despite its bold appearance. In contrast, pairing 海角论坛’s signature blue (#0066cc) with light gold text (#f4d94c) not only passes accessibility standards but also maintains strong brand alignment. Likewise, the combination of dark gray (#545454) with white text (#ffffff) meets the required contrast ratio and is considered accessible for a wide range of users.#0066cc on #fed141) does not meet accessibility standards due to insufficient contrast. However, both deep blue with light gold text (#04487f with #ffdd00) and black with white text (#000000 with #ffffff) offer strong contrast and are fully accessible, ensuring readability for all users.Creating accessible course content isn鈥檛 just about meeting legal requirements鈥攊t鈥檚 about adopting a mindset that anticipates barriers, values inclusion, and designs for belonging. Small changes in how we build and share materials can make a profound difference in student access and success. Explore each area below to grow your practice and support every learner more fully.
CAFE supports your professional growth in accessibility through hands-on learning opportunities. Enroll in our asynchronous Canvas course, SAIL, or attend upcoming workshops to deepen your knowledge of accessible course design. Whether you're just getting started or ready to refine your approach, we鈥檒l help you chart your course. Learn about faculty professional learning opportunities, including SAIL鈥攐ur program for Supporting Accessible and Inclusive Learning.
The Department of Justice has issued new regulations under ADA Title II, requiring public colleges and universities to ensure their digital programs and course materials meet Web Content Accessibility Guidelines (WCAG) 2.1 Level AA. These rules apply to everything from syllabi to Canvas pages. This page offers a clear overview of the updated law and its implications for instructional materials.
Meeting accessibility standards isn鈥檛 just a compliance issue鈥攊t鈥檚 an educational one. When students can鈥檛 access your materials, they can鈥檛 succeed. This page connects accessibility with student learning, highlighting how inclusive practices reduce barriers, improve retention, and strengthen the learning experience for students with and without disabilities. Accessibility is essential for student equity and academic achievement. Learn how inclusive course design supports persistence and performance for all learners.
Academic Technology provides opportunities for professional development to University of Missouri System faculty through training sessions, bootcamps and workshops. You can view the event calendar and filter for Accessibility to view available sessions.
This resource hub brings together practical guides, checklists, and tools to help you make your course content accessible鈥攐ne step at a time. Whether you're updating documents, fixing link text, adjusting color contrast, or addressing specialized STEM content, you鈥檒l find straightforward help here.
Descriptive links help everyone know where they鈥檙e going when they click a link. Instead of saying 鈥渃lick here,鈥 use meaningful link text that tells students what to expect. Clear, descriptive links improve navigation for screen reader users, support students scanning content quickly, and make your materials more professional and accessible. This page shows you how.