Accessibility Test Results

Test Summary

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

Test Spec: N/A

Date: 11/4/2025, 6:23:15 PM

Total Violations: 8

Critical: 1

Serious: 2

Moderate: 5

Minor: 0

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 (1)

<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.

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.04 (foreground color: #ffffff, background color: #f7fafa, 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)

<h5 class="card-title [&_a]--no-underline"><a href="/match/engagements/investigation-robustness-state-art-methods-anxiety-detection-real-world" hreflang="en">Investigation of robustness of state of the art methods for anxiety detection in real-world conditions</a></h5>

Target: .relative.views-row.bg-white:nth-child(1) > .card > .card-body.p-2.pt-4 > h5

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 (6)

<img class="not-prose block h-16" src="/sites/default/files/cssn/contribute-kb.svg">

Target: .group.aspect-square.hover--border-orange:nth-child(1) > .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: .group.aspect-square.hover--border-orange:nth-child(2) > .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/cssn/cssn-ag.svg">

Target: .group.aspect-square[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/cssn/match-graphic.svg">

Target: a[href$="match"] > .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/cssn/share-persona.svg">

Target: a[href$="directory"] > .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: .group.aspect-square[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"

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 (1)

<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 (1)

<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

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 (5)

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

Target: .layout-container > .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