{"id":13207,"date":"2026-04-02T13:59:53","date_gmt":"2026-04-02T13:59:53","guid":{"rendered":"https:\/\/instruction.austincc.edu\/tledupdates\/?p=13207"},"modified":"2026-04-02T16:08:52","modified_gmt":"2026-04-02T16:08:52","slug":"building-accessible-courses-check-your-color-contrast","status":"publish","type":"post","link":"https:\/\/instruction.austincc.edu\/tledupdates\/2026\/04\/02\/building-accessible-courses-check-your-color-contrast\/","title":{"rendered":"Building Accessible Courses: Check Your Color Contrast"},"content":{"rendered":"<figure id=\"attachment_13218\" aria-describedby=\"caption-attachment-13218\" style=\"width: 900px\" class=\"wp-caption aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-13218\" src=\"https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/03\/Start-with-Blackboard-Ally-1-1.png?resize=900%2C300&#038;ssl=1\" alt=\"colorful graphic featuring animated person sitting at laptop that reads &quot;Building Accessible Courses, Check Your Color Contrast&quot;\" width=\"900\" height=\"300\" srcset=\"https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/03\/Start-with-Blackboard-Ally-1-1.png?resize=300%2C100&amp;ssl=1 300w, https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/03\/Start-with-Blackboard-Ally-1-1.png?resize=1024%2C341&amp;ssl=1 1024w, https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/03\/Start-with-Blackboard-Ally-1-1.png?resize=768%2C256&amp;ssl=1 768w, https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/03\/Start-with-Blackboard-Ally-1-1.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><figcaption id=\"caption-attachment-13218\" class=\"wp-caption-text\"><em>Colorful graphic illustrating someone using a laptop that reads &#8220;Building Accessible Courses: Check Your Color Contrast&#8221;<\/em><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400\">Creating accessible course materials means ensuring that all students can easily read and engage with your content, including those with low vision or color vision deficiencies. One of the most common and impactful accessibility issues is insufficient color contrast between text and background colors. This is especially important as Austin Community College (ACC) approaches the <\/span><b>April 24 digital accessibility compliance deadline<\/b><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><span style=\"font-weight: 400\">In this installment of our four-part accessible course materials <\/span><a href=\"https:\/\/instruction.austincc.edu\/tledupdates\/category\/building-accessible-courses\/\"><b>blog post series<\/b><\/a><span style=\"font-weight: 400\">, we\u2019re highlighting a simple, effective tool to help you evaluate and improve color contrast in your course materials.<\/span><\/p>\n<h3><b>What is a Color Contrast Checker?<\/b><\/h3>\n<p><span style=\"font-weight: 400\">A color contrast checker helps determine whether the colors used in your materials meet accessibility standards outlined by the Web Content Accessibility Guidelines (WCAG). These guidelines define levels of accessibility compliance (<\/span><b>Level A, AA, and AAA<\/b><span style=\"font-weight: 400\">), with <\/span><b>Level AA<\/b><span style=\"font-weight: 400\"> serving as the required standard for most higher education institutions.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Using a contrast checker ensures that text is readable against its background, improving clarity for all students and supporting those who rely on accessible visual design. View a comprehensive list of <\/span><a href=\"https:\/\/accessibe.com\/blog\/knowledgebase\/color-contrast-checker-tools\"><b>15 color checking tools here<\/b><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<h3><b>Featured Tool: WebAIM Contrast Checker<\/b><\/h3>\n<p><span style=\"font-weight: 400\">The <\/span><a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\"><b>WebAIM Contrast Checker<\/b><\/a><span style=\"font-weight: 400\"> is a free, user-friendly tool that allows you to test whether your color combinations meet WCAG standards.<\/span><\/p>\n<p><b>What it does:<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Evaluates contrast between foreground (text) and background colors<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Indicates whether your selection meets <\/span><b>WCAG Level A, AA, or AAA<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Provides immediate feedback so you can adjust colors as needed<\/span><\/li>\n<\/ul>\n<p><b>What to keep in mind:<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You\u2019ll need the <\/span><b>HEX values<\/b><span style=\"font-weight: 400\"> of your colors (e.g., #000000 for black) to run a test<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The tool does not allow image uploads, so you may need to extract color values from your materials first<\/span><\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-13208 aligncenter\" src=\"https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/04\/Color-Contrast-Example-1024x768.png?resize=751%2C563&#038;ssl=1\" alt=\"Graph representing color contrast &quot;do's&quot; and &quot;don'ts&quot;\" width=\"751\" height=\"563\" srcset=\"https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/04\/Color-Contrast-Example.png?resize=1024%2C768&amp;ssl=1 1024w, https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/04\/Color-Contrast-Example.png?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/04\/Color-Contrast-Example.png?resize=768%2C576&amp;ssl=1 768w, https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/04\/Color-Contrast-Example.png?resize=1536%2C1152&amp;ssl=1 1536w, https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/04\/Color-Contrast-Example.png?resize=2048%2C1536&amp;ssl=1 2048w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/p>\n<h3><b>Why Color Contrast Matters<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Strong color contrast directly impacts how students experience your course. Poor contrast can make content difficult or impossible to read, particularly for students with visual impairments or those accessing materials on different devices or in varying lighting conditions.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Improving contrast is often a quick fix that can significantly enhance readability and usability across your course materials, presentations, and PDFs.<\/span><\/p>\n<h3><b>Color Contrast: Do\u2019s and Don\u2019ts<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Improving color contrast is often one of the quickest ways to make your materials more accessible. Use the following guidelines as you review your course content:<\/span><\/p>\n<h4><b>\u2705 Do:<\/b><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><b>Use high contrast combinations<\/b><span style=\"font-weight: 400\"> (e.g., dark text on a light background or vice versa)<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Check your colors using a tool<\/b><span style=\"font-weight: 400\"> like WebAIM Contrast Checker to ensure they meet WCAG Level AA standards<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Make links easy to identify<\/b><span style=\"font-weight: 400\"> by using underlines in addition to color<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Use consistent, simple color schemes<\/b><span style=\"font-weight: 400\"> across your materials<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Test your content before publishing<\/b><span style=\"font-weight: 400\">, especially slides, PDFs, and Blackboard materials<\/span><\/li>\n<\/ul>\n<h4><b>\u274c Don\u2019t:<\/b><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><b>Use low-contrast combinations<\/b><span style=\"font-weight: 400\"> (e.g., light gray on white or pastel on pastel)<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Rely on color alone to convey meaning<\/b><span style=\"font-weight: 400\"> (e.g., \u201citems in red are important\u201d)<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Use neon or overly bright colors for body text<\/b><span style=\"font-weight: 400\">, which can strain the eyes<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Choose color combinations that are difficult for colorblind users<\/b><span style=\"font-weight: 400\"> (e.g., red\/green or blue\/purple)<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Assume content is accessible without checking<\/b><span style=\"font-weight: 400\"> \u2014 accessibility issues are often not visible at a glance<\/span><\/li>\n<\/ul>\n<h3><b>Get Support!<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Faculty are encouraged to take advantage of available support resources to meet accessibility requirements:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><b>One-on-one consultations with instructional designers<\/b><span style=\"font-weight: 400\"> provide personalized guidance on accessibility best practices, including color contrast <\/span><span style=\"font-weight: 400\">(<\/span><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1BHKpYLTx6Sdq6unwSs4yDdSYcSAASjb6J4QxtI8tkBg\/edit?gid=1112062290#gid=1112062290\"><b>check the ID list here<\/b><\/a><span style=\"font-weight: 400\">, or email <\/span><a href=\"mailto:dlstaff@austincc.edu\"><b>dlstaff@austincc.edu<\/b><\/a><span style=\"font-weight: 400\"> if you don\u2019t see one listed)<\/span><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/tled.austincc.edu\/development-opportunities\/specialized-training\/remote-recess\/\"><b>Remaining Remote Recess sessions<\/b><\/a><span style=\"font-weight: 400\"> highlight accessibility tools like Blackboard Ally<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Join the <\/span><a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfXHWagllFxLYUAniWQA9sDu1jvOdHCtFV1AFKmgxSYQvc8lw\/viewform\"><b>Accessibility and Universal Design Hacks for Your Courses<\/b><\/a><span style=\"font-weight: 400\"> Instructional Design session, hosted by Distance Learning, on Friday, April 10, 2026<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">These resources can help you quickly identify issues and implement effective solutions ahead of the April 24 deadline.<\/span><\/p>\n<h3><b>Act Now to Meet the Deadline<\/b><\/h3>\n<p><span style=\"font-weight: 400\">With the <\/span><a href=\"https:\/\/www.ada.gov\/resources\/2024-03-08-web-rule\/\"><b>April 24 digital accessibility compliance deadline<\/b><\/a><span style=\"font-weight: 400\"> approaching, now is the time to review your course materials for color contrast issues. Small adjustments, such as updating text or background colors, can make a meaningful difference in accessibility and help ensure your materials meet required standards.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Stay tuned for part three of this series, which will highlight additional tools to support accessible forms and document design, or take a look back at part one, all about the many benefits of <\/span><a href=\"https:\/\/instruction.austincc.edu\/tledupdates\/2026\/03\/27\/building-accessible-courses-start-with-blackboard-ally\/\"><b>using Blackboard Ally<\/b><\/a><span style=\"font-weight: 400\">.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating accessible course materials means ensuring that all students can easily read and engage with your content, including those with low vision or color vision deficiencies. One of the most common and impactful accessibility issues is insufficient color contrast between text and background colors. This is especially important as Austin Community College (ACC) approaches the [&hellip;]<\/p>\n","protected":false},"author":107,"featured_media":13214,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[192],"tags":[],"class_list":["post-13207","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-accessible-courses"],"acf":{"carousel_content":false},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/instruction.austincc.edu\/tledupdates\/wp-content\/uploads\/sites\/6\/2026\/04\/BuildingAccessibleCoursesSocial-3.png?fit=1080%2C1080&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/posts\/13207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/users\/107"}],"replies":[{"embeddable":true,"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/comments?post=13207"}],"version-history":[{"count":5,"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/posts\/13207\/revisions"}],"predecessor-version":[{"id":13222,"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/posts\/13207\/revisions\/13222"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/media\/13214"}],"wp:attachment":[{"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/media?parent=13207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/categories?post=13207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/instruction.austincc.edu\/tledupdates\/wp-json\/wp\/v2\/tags?post=13207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}