Accessibility Test Results

Test Summary

URL: https://accessmatch.ddev.site/

Test Spec: N/A

Date: 11/7/2025, 7:35:45 PM

Total Violations: 6

Critical: 2

Serious: 1

Moderate: 2

Minor: 1

Violations

color-contrast - Elements must meet minimum color contrast ratio thresholds

Impact: serious

Description: Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

Help: Elements must meet minimum color contrast ratio thresholds

Tags: cat.color, wcag2aa, wcag143, TTv5, TT13.c, EN-301-549, EN-9.1.4.3, ACT

Affected Elements (2)

<div class="rcb-bot-message rcb-bot-message-entry" style="background-color: rgb(16, 113, 128); color: rgb(255, 255, 255); max-width: 70%;">Wel</div>

Target: .embedded-qa-bot[data-initialized="true"],.rcb-bot-message.rcb-bot-message-entry

Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 1.59 (foreground color: #ffffff, background color: #b4d2d7, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1
<span>Ask me about ACCESS! 😊</span>

Target: #qa-bot,.rcb-chat-tooltip > span:nth-child(1)

Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 1.5 (foreground color: #457a89, background color: #185f71, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1

empty-heading - Headings should not be empty

Impact: minor

Description: Ensure headings have discernible text

Help: Headings should not be empty

Tags: cat.name-role-value, best-practice

Affected Elements (4)

<h3 class="text-center overflow-wrap-anywhere group-hover--text-md-teal uppercase"></h3>

Target: .border-dark-teal.hover--border-orange[href$="ondemand"] > .uppercase

Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
<h3 class="text-center overflow-wrap-anywhere group-hover--text-md-teal uppercase"></h3>

Target: .border-dark-teal.hover--border-orange[href$="pegasus"] > .uppercase

Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
<h3 class="text-center overflow-wrap-anywhere group-hover--text-md-teal uppercase"></h3>

Target: .border-dark-teal.hover--border-orange[href$="xdmod"] > .uppercase

Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
<h3 class="text-center overflow-wrap-anywhere group-hover--text-md-teal uppercase"></h3>

Target: .border-dark-teal.hover--border-orange[href$="badges"] > .uppercase

Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute

heading-order - Heading levels should only increase by one

Impact: moderate

Description: Ensure the order of headings is semantically correct

Help: Heading levels should only increase by one

Tags: cat.semantics, best-practice

Affected Elements (1)

<h3 class="mt-0 text-white">Announcements</h3>

Target: .view-access-news > .view-header > .mt-0

Failure Summary:
Fix any of the following:
Heading order invalid

image-alt - Images must have alternative text

Impact: critical

Description: Ensure elements have alternative text or a role of none or presentation

Help: Images must have alternative text

Tags: cat.text-alternatives, wcag2a, wcag111, section508, section508.22.a, TTv5, TT7.a, TT7.b, EN-301-549, EN-9.1.1.1, ACT

Affected Elements (12)

<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/icons/ACCESS-arrrow.svg">

Target: .border-orange > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/icons/vlc.svg">

Target: .border-dark-teal.hover--border-orange[href$="video-learning-center"] > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/icons/ara.svg">

Target: a[href$="ara.access-ci.org/"] > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/icons/ico-documentation.svg">

Target: .border-dark-teal.hover--border-orange.group:nth-child(4) > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/icons/askci.svg">

Target: .border-dark-teal.hover--border-orange.group:nth-child(5) > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/icons/cilinks.svg">

Target: .border-dark-teal.hover--border-orange[href$="resources"] > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/logos/access-ondemand.svg">

Target: .border-dark-teal.hover--border-orange[href$="ondemand"] > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/logos/pegasus-horizontal-teal.svg">

Target: .border-dark-teal.hover--border-orange[href$="pegasus"] > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/logos/xdmod-dk.png">

Target: .border-dark-teal.hover--border-orange[href$="xdmod"] > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/icons/affinity-groups.svg">

Target: .border-dark-teal.hover--border-orange[href$="affinity_groups"] > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/themes/contrib/asp-theme/images/icons/join-the-cssn.svg">

Target: .border-dark-teal.hover--border-orange[href$="cssn"] > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img class="not-prose block h-16" src="/sites/default/files/user/badges/badge-new-access%20.png">

Target: .border-dark-teal.hover--border-orange[href$="badges"] > .not-prose.h-16

Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"

label - Form elements must have labels

Impact: critical

Description: Ensure every form element has a label

Help: Form elements must have labels

Tags: cat.forms, wcag2a, wcag412, section508, section508.22.n, TTv5, TT5.c, EN-301-549, EN-9.4.1.2, ACT

Affected Elements (1)

<textarea rows="1" class="rcb-chat-input-textarea" placeholder="" style="cursor: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2042%2042'%3e%3cpath%20style='fill:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke:%23b00000;stroke-opacity:1;stroke-miterlimit:4'%20d='M17%209a8%208%200%200%201-8%208%208%208%200%200%201-8-8%208%208%200%200%201%208-8%208%208%200%200%201%208%208Zm0%200'%20transform='rotate(.086)%20scale(1.77778)'/%3e%3cpath%20style='fill:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke:%23b00000;stroke-opacity:1;stroke-miterlimit:10'%20d='M14.66%2014.66%203.34%203.34'%20transform='rotate(.086)%20scale(1.77778)'/%3e%3c/svg%3e"), auto; caret-color: transparent; box-sizing: content-box;">

Target: .embedded-qa-bot[data-initialized="true"],textarea

Failure Summary:
Fix any of the following:
Element does not have an implicit (wrapped)

region - All page content should be contained by landmarks

Impact: moderate

Description: Ensure all page content is contained by landmarks

Help: All page content should be contained by landmarks

Tags: cat.keyboard, best-practice

Affected Elements (4)

<div class="container">

Target: #header,.container

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a>

Target: .focusable

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="region region-cta h-full">

Target: .region-cta

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="container">

Target: #footer,.container

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks