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 (2)
<div aria-live="polite" aria-label="Bot response updates" class="sr-only" id="bot-live-region"></div>
Target: .embedded-qa-bot[data-initialized="true"],#bot-live-region
Failure Summary:
Fix all of the following:
aria-label attribute cannot be used on a div with no valid role attribute.
<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.
empty-heading - Headings should not be empty
Impact: minor
Description: Ensure headings have discernible text
Help: Headings should not be empty
Tags: cat.name-role-value, best-practice
Affected Elements (18)
<h2></h2>
Target: .text-sm.leading-5:nth-child(1) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(2) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(3) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(4) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(5) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(6) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(7) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(8) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(9) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(10) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(11) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(12) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(13) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(14) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(15) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(16) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(17) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
<h2></h2>
Target: .text-sm.leading-5:nth-child(18) > .views-field-nothing.views-field > .field-content > h2:nth-child(1)
Failure Summary:
Fix any of the following:
Element does not have text that is visible to screen readers
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
html-has-lang - element must have a lang attribute
Impact: serious
Description: Ensure every HTML document has a lang attribute
Help: element must have a lang attribute
Tags: cat.language, wcag2a, wcag311, TTv5, TT11.a, EN-301-549, EN-9.3.1.1, ACT
Affected Elements (1)
<html class="access-support page-node-459 overflow-x-clip js">
Target: html
Failure Summary:
Fix any of the following:
The element does not have a lang attribute
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 (2)
<main role="main" aria-label="Chat interface">
Target: .embedded-qa-bot[data-initialized="true"],main[aria-label="Chat interface"]
Failure Summary:
Fix any of the following:
The main landmark is contained in another landmark.
<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-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 (3)
<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
<div class="qa-bot embedded-qa-bot" role="region" aria-label="Ask ACCESS tool">
Target: .embedded-qa-bot[data-initialized="true"],.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
<main role="main" aria-label="Chat interface">
Target: .embedded-qa-bot[data-initialized="true"],main[aria-label="Chat interface"]
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 (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: .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