Accessibility Test Results

Test Summary

URL: https://accessmatch.ddev.site/affinity-groups

Test Spec: N/A

Date: 11/21/2025, 5:29:41 PM

Total Violations: 3

Critical: 0

Serious: 1

Moderate: 2

Minor: 0

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 (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.79 (foreground color: #ffffff, background color: #a3c8ce, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1

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 ms-2"> Do you have an idea<br>for a new Affinity Group? </h3>

Target: .mt-0

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

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="container prose">

Target: .prose.container

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