Test Summary
URL: https://accessmatch.ddev.site/
Test Spec: N/A
Date: 4/3/2026, 8:01:20 PM
Total Violations: 2
Errors (WCAG 2.1 AA - Compliance Required)
Critical: 0 | Serious: 1 | Moderate: 0 | Minor: 0
Warnings (WCAG 2.2 / Best Practices)
Critical: 0 | Serious: 0 | Moderate: 1 | Minor: 0
color-contrast - Elements must meet minimum color contrast ratio thresholds
Error (WCAG 2.1 AA)
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 (4)
<div class="rcb-options" style="cursor: pointer; color: rgb(26, 91, 110); border-color: rgb(26, 91, 110); background-color: rgb(255, 255, 255);">Ask a question about ACCESS</div>
Target: .embedded-qa-bot[data-initialized="true"] > div,.rcb-options:nth-child(1)
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 1.58 (foreground color: #b5d3d8, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="rcb-options" style="cursor: pointer; color: rgb(26, 91, 110); border-color: rgb(26, 91, 110); background-color: rgb(255, 255, 255);">Open a Help Ticket</div>
Target: .embedded-qa-bot[data-initialized="true"] > div,.rcb-options:nth-child(2)
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 1.58 (foreground color: #b5d3d8, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="rcb-options" style="cursor: pointer; color: rgb(26, 91, 110); border-color: rgb(26, 91, 110); background-color: rgb(255, 255, 255);">Usage and performance of ACCESS resources (XDMoD)</div>
Target: .embedded-qa-bot[data-initialized="true"] > div,.rcb-options:nth-child(3)
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 1.58 (foreground color: #b5d3d8, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="rcb-options" style="cursor: pointer; color: rgb(26, 91, 110); border-color: rgb(26, 91, 110); background-color: rgb(255, 255, 255);">Report a security issue</div>
Target: .embedded-qa-bot[data-initialized="true"] > div,.rcb-options:nth-child(4)
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 1.58 (foreground color: #b5d3d8, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
landmark-unique - Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Warning (WCAG 2.2/Best Practice)
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 (1)
<div class="qa-bot embedded-qa-bot" role="region" aria-label="ACCESS Q&A">
Target: .embedded-qa-bot[data-initialized="true"] > div,.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