Accessibility Scan Report

Title: https://www.access-board.gov/ Issue: #203 Date: 3/20/2026, 4:01:35 PM Duration: 2.9m URLs: 20 / 20 🖥️ Forced Colors: 20 / 20 URLs

Summary

Issues

  • By Level: A (10), AA (0)
  • By Version (A & AA): WCAG 2.0 (10)
  • By Category: axe-strict (112) & Others (1225)
  • Total: 1337 across 39 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below.
Chapter 10: Play Areas 143
U.S. Access Board - Home 65
Chapter 1: Using the ABA Standards 106
Chapter 3: Floor and Ground Surfaces 93
Chapter V9 74
Outdoor Dining, Retail, and Community Spaces 49
Chapter 10: Golf Courses 95
Subpart F-Intercity Rail Cars and Systems 69
Introduction and Committee Members 57
U.S. Access Board Holds Town Hall Meeting at National Federation of the Blind in Baltimore 54

🔧 Most Common Issues (axe)

9 rules
29 Moderate axe landmark-unique:
20 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<header class="usa-banner__header">
XPath: .usa-banner__header
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<header class="usa-banner__header">
XPath: .usa-banner__header
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<header class="usa-banner__header">
XPath: .usa-banner__header
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<header class="usa-banner__header">
XPath: .usa-banner__header
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside id="toc" class="desktop:grid-col-3 margin-bottom-2 padding-right-2 border-right-width-2">
XPath: #toc
20 Moderate axe landmark-no-duplicate-banner:
20 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="usa-banner__header">
XPath: .usa-banner__header
Example 2 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="usa-banner__header">
XPath: .usa-banner__header
Example 3 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="usa-banner__header">
XPath: .usa-banner__header
Example 4 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="usa-banner__header">
XPath: .usa-banner__header
Example 5 View on Page
Document should not have more than one banner landmark
Mode: light
<header class="usa-banner__header">
XPath: .usa-banner__header
15 Moderate axe heading-order:
15 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h4>Featured News</h4>
XPath: .border-top-1.border-accent-cool-darker.margin-bottom-4:nth-child(1) > h4
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3 id="character-variables" style="display: inline-block;">Character Variables</h3>
XPath: #character-variables
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="text-italic text-white margin-0 margin-top-1"></h3>
XPath: .margin-0.margin-top-1.text-white
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h3 id="accessible-golf-courses" style="display: inline-block;">Accessible Golf Courses</h3>
XPath: #accessible-golf-courses
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h3 id="continuing-education-recognition-available">Continuing Education Recognition Available</h3>
XPath: #continuing-education-recognition-available
10 Moderate axe region:
10 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<a class="usa-skipnav" href="#content">Skip to main content</a>
XPath: .usa-skipnav
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<a class="usa-skipnav" href="#content">Skip to main content</a>
XPath: .usa-skipnav
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div id="section-title" class="bg-primary-darker usa-content font-serif-md padding-y-2"> <div class="grid-container text-center maxw-desktop"> <h1 class="text-normal text-white margin-0"> About the U.S. Access Board </h1> </div> </div>
XPath: #section-title
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<a class="usa-skipnav" href="#content">Skip to main content</a>
XPath: .usa-skipnav
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<div id="section-title" class="bg-primary-darker usa-content font-serif-md padding-y-2"> <div class="grid-container text-center maxw-desktop"> <h1 class="text-normal text-white margin-0"> Contact Us </h1> </div> </div>
XPath: #section-title
10 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-allowed-attr:
10 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Examples

Example 1 View on Page
Elements must only use supported ARIA attributes
Mode: light
<nav role="navigation" class="toc-subnav usa-accordion" aria-multiselectable="true" aria-label="Table of contents subnavigation">
XPath: .toc-subnav
Example 2 View on Page
Elements must only use supported ARIA attributes
Mode: light
<nav role="navigation" class="toc-subnav usa-accordion" aria-multiselectable="true" aria-label="Table of contents subnavigation">
XPath: .toc-subnav
Example 3 View on Page
Elements must only use supported ARIA attributes
Mode: light
<nav role="navigation" class="toc-subnav usa-accordion" aria-multiselectable="true" aria-label="Table of contents subnavigation">
XPath: .toc-subnav
Example 4 View on Page
Elements must only use supported ARIA attributes
Mode: light
<nav role="navigation" class="toc-subnav usa-accordion" aria-multiselectable="true" aria-label="Table of contents subnavigation">
XPath: .toc-subnav
Example 5 View on Page
Elements must only use supported ARIA attributes
Mode: light
<nav role="navigation" class="toc-subnav usa-accordion" aria-multiselectable="true" aria-label="Table of contents subnavigation">
XPath: .toc-subnav
10 Moderate axe empty-table-header:
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Table header text should not be empty
Mode: light
<th>&nbsp;</th>
XPath: th:nth-child(1)
Example 2 View on Page
Table header text should not be empty
Mode: light
<th></th>
XPath: .usa-table:nth-child(419) > thead > tr > th:nth-child(1)
Example 3 View on Page
Table header text should not be empty
Mode: light
<th></th>
XPath: .usa-table:nth-child(420) > thead > tr > th:nth-child(1)
Example 4 View on Page
Table header text should not be empty
Mode: light
<th></th>
XPath: .usa-table:nth-child(421) > thead > tr > th:nth-child(1)
Example 5 View on Page
Table header text should not be empty
Mode: light
<th></th>
XPath: .usa-table:nth-child(422) > thead > tr > th:nth-child(1)
8 Moderate axe aria-allowed-role:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<a href="/ada/guides/animatio..." class="swiper-slide swiper-..." style="background-image: ur..." aria-labelledby="title-accessible-bat..." title="1 of 8" role="group" aria-label="1 / 8">
XPath: a[title="1 of 8"]
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<a href="/ada/guides/animatio..." class="swiper-slide swiper-..." style="background-image: ur..." aria-labelledby="title-accessible-toi..." title="2 of 8" role="group" aria-label="2 / 8">
XPath: a[aria-labelledby="title-accessible-toilet-rooms"]
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<a href="/ada/guides/animatio..." class="swiper-slide swiper-..." style="background-image: ur..." aria-labelledby="title-maneuvering-at..." title="3 of 8" role="group" aria-label="3 / 8">
XPath: a[aria-labelledby="title-maneuvering-at-doors"]
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<a href="/ada/guides/animatio..." class="swiper-slide swiper-..." style="background-image: ur..." aria-labelledby="title-parking-and-pa..." title="4 of 8" role="group" aria-label="4 / 8">
XPath: a[title="4 of 8"]
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<a href="/ada/guides/animatio..." class="swiper-slide swiper-..." style="background-image: ur..." aria-labelledby="title-protruding-obj..." title="5 of 8" role="group" aria-label="5 / 8">
XPath: a[aria-labelledby="title-protruding-objects"]
2 Moderate axe empty-heading:
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Headings should not be empty
Mode: light
<h3 class="text-italic text-white margin-0 margin-top-1"></h3>
XPath: .margin-0.margin-top-1.text-white
Example 2 View on Page
Headings should not be empty
Mode: light
<h3 class="text-italic text-white margin-0 margin-top-1"></h3>
XPath: .text-italic

🔧 Most Common Issues (Equal Access)

30 rules
408 Moderate equalAccess element_tabbable_unobscured:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<button aria-controls="gov-banner" aria-expanded="false" class="usa-accordion__button usa-banner__button">
Example 2 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a aria-label="U.S. Access Board home" title="Home" href="/" class="style-inherit">
Example 3 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<button class="usa-menu-btn">
Example 4 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a aria-describedby="hero-universal-changing-stations hero-described-universal-changing-stations" class="usa-button" href="/news/2026/02/18/u-s-access-board-seeks-public-comment-regarding-approach-to-technical-requirements-for-universal-changing-stations/">
Example 5 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<div aria-disabled="false" aria-controls="swiper-wrapper-dd34d11e8668c5b8" aria-label="Next slide" role="button" tabindex="0" class="swiper-button-next">
181 Moderate equalAccess element_attribute_deprecated:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=edge" http-equiv="X-UA-Compatible">
Example 2 View on Page
The HTML attribute(s) "align" is deprecated in HTML 5
Mode: light
<table style="font-size: 16px;" cellspacing="0" cellpadding="0" align="center" width="100%">
Example 3 View on Page
The HTML attribute(s) "width" is deprecated for the <td> element in HTML 5
Mode: light
<td style="padding:0 18px;" width="100%">
Example 4 View on Page
The HTML attribute(s) "align" is deprecated in HTML 5
Mode: light
<table style="margin:0 auto;" cellspacing="0" cellpadding="0" align="center" width="100%">
Example 5 View on Page
The HTML attribute(s) "width" is deprecated for the <td> element in HTML 5
Mode: light
<td style="width:100px; vertical-align:middle; text-align:center;" width="100">
61 Moderate equalAccess table_headers_exists:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Table has no headers identified
Mode: light
<table style="font-size: 16px;" cellspacing="0" cellpadding="0" align="center" width="100%">
Example 2 View on Page
Table has no headers identified
Mode: light
<table style="margin:0 auto;" cellspacing="0" cellpadding="0" align="center" width="100%">
Example 3 View on Page
Table has no headers identified
Mode: light
<table cellspacing="0" cellpadding="0" align="center" width="100%">
Example 4 View on Page
Table has no headers identified
Mode: light
<table style="font-size: 16px;" cellspacing="0" cellpadding="0" align="center" width="100%">
Example 5 View on Page
Table has no headers identified
Mode: light
<table style="margin:0 auto;" cellspacing="0" cellpadding="0" align="center" width="100%">
59 Moderate equalAccess style_focus_visible:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a aria-label="U.S. Access Board home" title="Home" href="/" class="style-inherit">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a aria-describedby="hero-universal-changing-stations hero-described-universal-changing-stations" class="usa-button" href="/news/2026/02/18/u-s-access-board-seeks-public-comment-regarding-approach-to-technical-requirements-for-universal-changing-stations/">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a aria-describedby="hero-technical-assistance hero-described-technical-assistance" class="usa-button" href="/ta/">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a aria-describedby="hero-upcoming-webinars hero-described-upcoming-webinars" class="usa-button" href="/webinars/">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a aria-describedby="hero-file-an-aba-complaint hero-described-file-an-aba-complaint" class="usa-button" href="/enforcement/">
53 Moderate equalAccess aria_role_redundant:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header role="banner" class="usa-header usa-header--extended">
Example 2 View on Page
The explicitly-assigned ARIA role "contentinfo" is redundant with the implicit role of the element <footer>
Mode: light
<footer role="contentinfo" class="usa-footer site-footer">
Example 3 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header role="banner" class="usa-header usa-header--extended">
Example 4 View on Page
The explicitly-assigned ARIA role "contentinfo" is redundant with the implicit role of the element <footer>
Mode: light
<footer role="contentinfo" class="usa-footer site-footer">
Example 5 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header role="banner" class="usa-header usa-header--extended">
50 Moderate equalAccess aria_landmark_name_unique:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<header class="usa-banner__header">
Example 2 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<header role="banner" class="usa-header usa-header--extended">
Example 3 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<header class="usa-banner__header">
Example 4 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<header role="banner" class="usa-header usa-header--extended">
Example 5 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<header class="usa-banner__header">
42 Moderate equalAccess text_block_heading:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'U.S. Access Board' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div>
Example 2 View on Page
Confirm this text 'U.S. Access Board' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div>
Example 3 View on Page
Confirm this text 'January 04, 2021' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="margin-y-2">
Example 4 View on Page
Confirm this text 'General Services Administration Publishes Annual Governmentwide Section 508 Assessment' is used as a heading and if so, modify to use a heading element or role
Mode: light
<br>
Example 5 View on Page
Confirm this text 'U.S. Access Board' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div>
40 Moderate equalAccess aria_banner_label_unique:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="usa-banner__header">
Example 2 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header role="banner" class="usa-header usa-header--extended">
Example 3 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="usa-banner__header">
Example 4 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header role="banner" class="usa-header usa-header--extended">
Example 5 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="usa-banner__header">
40 Moderate equalAccess target_spacing_sufficient:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Undersized target "button" does not have sufficient spacing of 12 CSS pixels from another target "a"
Mode: light
<button aria-controls="gov-banner" aria-expanded="false" class="usa-accordion__button usa-banner__button">
Example 2 View on Page
Undersized target "button" does not have sufficient spacing of 12 CSS pixels from another target "a"
Mode: light
<button aria-controls="gov-banner" aria-expanded="false" class="usa-accordion__button usa-banner__button">
Example 3 View on Page
Undersized target "button" does not have sufficient spacing of 12 CSS pixels from another target "a"
Mode: light
<button aria-controls="gov-banner" aria-expanded="false" class="usa-accordion__button usa-banner__button">
Example 4 View on Page
Ensure the overlapped target "button" meets a minimum target size or has sufficient spacing from the overlapping target "button"
Mode: light
<button id="prefix-dismissButton" class="prefix-overlay-action-dismiss">
Example 5 View on Page
Ensure the overlapped target "button" meets a minimum target size or has sufficient spacing from the overlapping target "button"
Mode: light
<button id="prefix-laterButton" class="prefix-overlay-action-later">
40 Moderate equalAccess input_label_visible:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input aria-label="stay connected - enter your email address to receive updates from the US Access Board" id="prefix-emailInput" type="email" name="e" placeholder="Email Address" title="Email Address">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<input id="prefix-submitButton" value="Subscribe" type="submit">
Example 3 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input aria-label="stay connected - enter your email address to receive updates from the US Access Board" id="prefix-emailInput" type="email" name="e" placeholder="Email Address" title="Email Address">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<input id="prefix-submitButton" value="Subscribe" type="submit">
Example 5 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input aria-label="stay connected - enter your email address to receive updates from the US Access Board" id="prefix-emailInput" type="email" name="e" placeholder="Email Address" title="Email Address">
30 Moderate equalAccess element_tabbable_visible:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="#content" class="usa-skipnav">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="#content" class="usa-skipnav">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="#content" class="usa-skipnav">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="#toc" class="usa-skipnav">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="#content" class="usa-skipnav">
22 Moderate equalAccess aria_content_in_landmark:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light
<a href="#content" class="usa-skipnav">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<a href="#content" class="usa-skipnav">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a href="#content" class="usa-skipnav">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<a href="#content" class="usa-skipnav">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a href="#content" class="usa-skipnav">
22 Moderate equalAccess list_markup_review:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<p>
Example 2 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h4 style="display: inline-block;" id="1-what-is-considered-an-accessible-play-component">
Example 3 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h4 style="display: inline-block;" id="2-are-play-components-that-have-multiple-stations-or-which-can-include-more-than-one-person-using-them-at-one-time-considered-one-or-two-play-components">
Example 4 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h4 style="display: inline-block;" id="3-are-ramps-transfer-systems-and-stairs-permitted-to-be-counted-as-play-components">
Example 5 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h4 style="display: inline-block;" id="4-is-a-talk-tube-where-two-children-talk-to-each-other-simultaneously-considered-one-or-two-play-components-if-one-end-of-the-talk-tube-is-at-ground-level-and-the-other-is-on-an-elevated-deck-is-it-considered-a-ground-level-or-elevated-play-component">
21 Moderate equalAccess aria_complementary_labelled:
19 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="desktop:grid-col-fill margin-top-4 padding-right-4">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="desktop:grid-col-3 margin-bottom-2 padding-right-2 border-right-width-2" id="toc">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="desktop:grid-col-3 margin-bottom-2 padding-right-2 border-right-width-2" id="toc">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="border padding-1 clear">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="desktop:grid-col-3 margin-bottom-2 padding-right-2 border-right-width-2" id="toc">
20 Moderate equalAccess style_color_misuse:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
20 Moderate equalAccess style_highcontrast_visible:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
20 Moderate equalAccess style_background_decorative:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style scoped="">
Example 2 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style scoped="">
Example 3 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style scoped="">
Example 4 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style scoped="">
Example 5 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style scoped="">
20 Moderate equalAccess element_tabbable_role_valid:
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element's role 'dialog' is not a widget role
Mode: light
<div aria-label="this is a subscription dialog for email updates from the US Access Board - this dialog can be closed" role="dialog" tabindex="0" id="prefix-overlay-outer">
Example 2 View on Page
The tabbable element's role 'dialog' is not a widget role
Mode: light
<div aria-label="this is a subscription dialog for email updates from the US Access Board - this dialog can be closed" role="dialog" tabindex="0" id="prefix-overlay-outer">
Example 3 View on Page
The tabbable element's role 'dialog' is not a widget role
Mode: light
<div aria-label="this is a subscription dialog for email updates from the US Access Board - this dialog can be closed" role="dialog" tabindex="0" id="prefix-overlay-outer">
Example 4 View on Page
The tabbable element's role 'dialog' is not a widget role
Mode: light
<div aria-label="this is a subscription dialog for email updates from the US Access Board - this dialog can be closed" role="dialog" tabindex="0" id="prefix-overlay-outer">
Example 5 View on Page
The tabbable element's role 'dialog' is not a widget role
Mode: light
<div aria-label="this is a subscription dialog for email updates from the US Access Board - this dialog can be closed" role="dialog" tabindex="0" id="prefix-overlay-outer">
17 Moderate equalAccess heading_markup_misuse:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h4 style="display: inline-block;" id="does-an-existing-facility-that-complies-with-ufas-or-an-earlier-aba-standard-have-to-be-brought-into-compliance-with-the-latest-edition-of-the-standards-under-the-aba">
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h4 style="display: inline-block;" id="2-are-play-components-that-have-multiple-stations-or-which-can-include-more-than-one-person-using-them-at-one-time-considered-one-or-two-play-components">
Example 3 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h4 style="display: inline-block;" id="4-is-a-talk-tube-where-two-children-talk-to-each-other-simultaneously-considered-one-or-two-play-components-if-one-end-of-the-talk-tube-is-at-ground-level-and-the-other-is-on-an-elevated-deck-is-it-considered-a-ground-level-or-elevated-play-component">
Example 4 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h4 style="display: inline-block;" id="5-where-multiple-swings-in-a-swing-bay-are-provided-section-240211-one-of-each-type-requires-one-swing-to-be-located-on-an-accessible-route-if-an-accessible-route-is-provided-to-more-than-one-swing-can-each-swing-be-counted-as-an-accessible-ground-level-play-component-if-one-is-an-infant-seat-and-another-a-sling-seat-are-those-considered-two-different-types">
Example 5 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h4 style="display: inline-block;" id="6-should-overhead-play-components-such-as-track-riders-ring-ladders-monkey-bars-and-chin-up-bars-be-lowered-to-the-recommended-reach-ranges">
16 Moderate equalAccess text_sensory_misuse:
11 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the word(s) 'below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 2 View on Page
Confirm the word(s) 'left' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'small'
Mode: light
<p>
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'Little'
Mode: light
<p>
Example 5 View on Page
Confirm the word(s) 'above, below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<dd>
10 Moderate equalAccess aria_attribute_valid:
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA attributes "aria-multiselectable" are not valid for the element <nav> with ARIA role "navigation"
Mode: light
<nav aria-label="Table of contents subnavigation" aria-multiselectable="true" class="toc-subnav usa-accordion" role="navigation">
Example 2 View on Page
The ARIA attributes "aria-multiselectable" are not valid for the element <nav> with ARIA role "navigation"
Mode: light
<nav aria-label="Table of contents subnavigation" aria-multiselectable="true" class="toc-subnav usa-accordion" role="navigation">
Example 3 View on Page
The ARIA attributes "aria-multiselectable" are not valid for the element <nav> with ARIA role "navigation"
Mode: light
<nav aria-label="Table of contents subnavigation" aria-multiselectable="true" class="toc-subnav usa-accordion" role="navigation">
Example 4 View on Page
The ARIA attributes "aria-multiselectable" are not valid for the element <nav> with ARIA role "navigation"
Mode: light
<nav aria-label="Table of contents subnavigation" aria-multiselectable="true" class="toc-subnav usa-accordion" role="navigation">
Example 5 View on Page
The ARIA attributes "aria-multiselectable" are not valid for the element <nav> with ARIA role "navigation"
Mode: light
<nav aria-label="Table of contents subnavigation" aria-multiselectable="true" class="toc-subnav usa-accordion" role="navigation">
8 Moderate equalAccess aria_role_valid:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA role 'group' is not valid for the element <a>
Mode: light
<a aria-label="1 / 8" role="group" title="1 of 8" aria-labelledby="title-accessible-bathing-facilities" style="background-image: url("/images/animations/bathing-video.jpg"); width: 236px; margin-right: 30px;" class="swiper-slide swiper-slide-custom-homepage swiper-slide-active" href="/ada/guides/animations/accessible-bathing-facilities.html">
Example 2 View on Page
The ARIA role 'group' is not valid for the element <a>
Mode: light
<a aria-label="2 / 8" role="group" title="2 of 8" aria-labelledby="title-accessible-toilet-rooms" style="background-image: url("/images/animations/toiletrooms-video.jpg"); width: 236px; margin-right: 30px;" class="swiper-slide swiper-slide-custom-homepage swiper-slide-next" href="/ada/guides/animations/accessible-toilet-rooms.html">
Example 3 View on Page
The ARIA role 'group' is not valid for the element <a>
Mode: light
<a aria-label="3 / 8" role="group" title="3 of 8" aria-labelledby="title-maneuvering-at-doors" style="background-image: url("/images/animations/doors-video.jpg"); width: 236px; margin-right: 30px;" class="swiper-slide swiper-slide-custom-homepage" href="/ada/guides/animations/maneuvering-at-doors.html">
Example 4 View on Page
The ARIA role 'group' is not valid for the element <a>
Mode: light
<a aria-label="4 / 8" role="group" title="4 of 8" aria-labelledby="title-parking-and-passenger-loading-zones" style="background-image: url("/images/animations/parking-plz.jpg"); width: 236px; margin-right: 30px;" class="swiper-slide swiper-slide-custom-homepage" href="/ada/guides/animations/parking-and-passenger-loading-zones.html">
Example 5 View on Page
The ARIA role 'group' is not valid for the element <a>
Mode: light
<a aria-label="5 / 8" role="group" title="5 of 8" aria-labelledby="title-protruding-objects" style="background-image: url("/images/animations/po-video.jpg"); width: 236px; margin-right: 30px;" class="swiper-slide swiper-slide-custom-homepage" href="/ada/guides/animations/protruding-objects.html">
6 Moderate equalAccess aria_navigation_label_unique:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<section class="noprint" aria-label="return to top of page" role="navigation">
Example 2 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<section class="noprint" aria-label="return to top of page" role="navigation">
Example 3 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<section class="noprint" aria-label="return to top of page" role="navigation">
Example 4 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<section class="noprint" aria-label="return to top of page" role="navigation">
Example 5 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<section class="noprint" aria-label="return to top of page" role="navigation">
4 Moderate equalAccess aria_accessiblename_exists:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3 class="text-italic text-white margin-0 margin-top-1">
Example 2 View on Page
Element <th> with "columnheader" role has no accessible name
Mode: light
<th>
Example 3 View on Page
Element <th> with "columnheader" role has no accessible name
Mode: light
<th>
Example 4 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3 class="text-italic text-white margin-0 margin-top-1">
3 Moderate equalAccess text_quoted_correctly:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " to 2"
Mode: light
<div class="img-large-caption">
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " -- 18", ") will accommodate an ... to 1", "X maximum", "Y minimum"
Mode: light
<p>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "coamings of ample height."
Mode: light
<span style="font-size: 10pt;">
3 Moderate equalAccess aria_child_valid:
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul aria-label="Page sections navigation" class="usa-accordion__content usa-sidenav__sublist" id="subsections">
Example 2 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul aria-label="Page sections navigation" class="usa-accordion__content usa-sidenav__sublist" id="subsections">
Example 3 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul aria-label="Page sections navigation" class="usa-accordion__content usa-sidenav__sublist" id="subsections">
2 Moderate equalAccess heading_content_exists:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading element has no descriptive content
Mode: light
<h3 class="text-italic text-white margin-0 margin-top-1">
Example 2 View on Page
Heading element has no descriptive content
Mode: light
<h3 class="text-italic text-white margin-0 margin-top-1">
2 Moderate equalAccess element_id_unique:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <div> element has the id "" that is empty
Mode: light
<div id="">
Example 2 View on Page
The <table> element has the id "chart2" that is already in use
Mode: light
<table cellpadding="0" cellspacing="0" border="0" style="width: 100%;" id="chart2">
1 Moderate equalAccess blockquote_cite_exists:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light
<blockquote>