Accessibility Test Results
Test Summary
URL: https://accessmatch.ddev.site/community-persona/100
Test Spec: N/A
Date: 11/6/2025, 9:29:49 PM
Total Violations: 8
Critical: 1
Serious: 1
Moderate: 6
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.
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)
<h4 class="institution text-md-teal">MGHPCC</h4>
Target: .institution
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 (1)
<img src="https://accessmatch.ddev.site/sites/default/files/pictures/julie-ma_0.jpg" class="img-fluid mb-3 border border-black">
Target: .img-fluid
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="grid grid-cols-1 gap-5 py-5 md--grid-cols-[25%_1fr] container">
Target: .grid-cols-1
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
page-has-heading-one - Page should contain a level-one heading
Impact: moderate
Description: Ensure that the page, or at least one of its frames contains a level-one heading
Help: Page should contain a level-one heading
Tags: cat.semantics, best-practice
Affected Elements (1)
<html lang="en" dir="ltr" class="overflow-x-clip js">
Target: html
Failure Summary:
Fix all of the following:
Page must have a level-one heading
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 (3)
<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">
Target: #footer,.container
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks