Accessibility Test Results

Test Summary

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

Test Spec: N/A

Date: 11/5/2025, 2:44:29 AM

Total Violations: 9

Critical: 2

Serious: 1

Moderate: 5

Minor: 1

Violations

aria-prohibited-attr - Elements must only use permitted ARIA attributes

Impact: serious

Description: Ensure ARIA attributes are not prohibited for an element's role

Help: Elements must only use permitted ARIA attributes

Tags: cat.aria, wcag2a, wcag412, EN-301-549, EN-9.4.1.2

Affected Elements (2)

<div aria-live="polite" aria-label="Bot response updates" class="sr-only" id="bot-live-region"></div>

Target: .embedded-qa-bot[data-initialized="true"],#bot-live-region

Failure Summary:
Fix all of the following:
aria-label attribute cannot be used on a div with no valid role attribute.
<div aria-live="polite" aria-label="Bot response updates" class="sr-only" id="bot-live-region"></div>

Target: #qa-bot,#bot-live-region

Failure Summary:
Fix all of the following:
aria-label attribute cannot be used on a div with no valid role attribute.

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)

landmark-main-is-top-level - Main landmark should not be contained in another landmark

Impact: moderate

Description: Ensure the main landmark is at top level

Help: Main landmark should not be contained in another landmark

Tags: cat.semantics, best-practice

Affected Elements (2)

<main role="main" aria-label="Chat interface">

Target: .embedded-qa-bot[data-initialized="true"],main[aria-label="Chat interface"]

Failure Summary:
Fix any of the following:
The main landmark is contained in another landmark.
<main role="main" aria-label="Chat interface">

Target: #qa-bot,main[aria-label="Chat interface"]

Failure Summary:
Fix any of the following:
The main landmark is contained in another landmark.

landmark-no-duplicate-main - Document should not have more than one main landmark

Impact: moderate

Description: Ensure the document has at most one main landmark

Help: Document should not have more than one main landmark

Tags: cat.semantics, best-practice

Affected Elements (1)

<main role="main" class="">

Target: main

Failure Summary:
Fix any of the following:
Document has more than one main landmark

landmark-unique - Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

Impact: moderate

Description: Ensure landmarks are unique

Help: Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

Tags: cat.semantics, best-practice

Affected Elements (3)

<nav class="menu universal">

Target: #universal-menus,.universal

Failure Summary:
Fix any of the following:
The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<div class="qa-bot embedded-qa-bot" role="region" aria-label="Ask ACCESS tool">

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

Failure Summary:
Fix any of the following:
The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
<main role="main" aria-label="Chat interface">

Target: .embedded-qa-bot[data-initialized="true"],main[aria-label="Chat interface"]

Failure Summary:
Fix any of the following:
The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

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