Accessibility Test Results

Test Summary

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

Test Spec: N/A

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

Total Violations: 6

Critical: 1

Serious: 1

Moderate: 4

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.

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

<img class="w-96 not-prose" src="/themes/contrib/asp-theme/images/logos/cssn-full.svg">

Target: .py-10 > .w-96.not-prose

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="w-96 mb-2 mx-auto not-prose" src="/themes/contrib/asp-theme/images/logos/affinity-group-community.png">

Target: .layout__region--second.layout__region > .block-layout-builder.block-inline-blockbasic.block > .clearfix.text-formatted.field--name-body > .mt-10.mb-10.justify-center > .mx-auto.w-96.not-prose

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=" w-60 mx-5 mb-2 not-prose" src="/themes/contrib/asp-theme/images/logos/coco.png">

Target: .w-60

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