Accessibility Scan Report

Title: CMS.gov Scan — Issue: #165 Date: 3/22/2026, 1:29:04 AM Duration: 33.7m URLs: 100 / 100 ⚡ Reduced Motion: 69 / 100 URLs🖥️ Forced Colors: 69 / 100 URLs

Summary

Issues

  • By Level: A (54), AA (384)
  • By Version (A & AA): WCAG 2.0 (55), WCAG 2.2 (383)
  • By Category: axe-strict (8) & Best Practice (75) & Others (2200)
  • Total: 2283 across 54 unique rules & 5 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. Numbers in parentheses (+N) indicate findings that cover WCAG criteria already reported by axe.

Managed Fee-for-Service (MFFS) Model | CMS 38
Improper Payment Findings | CMS 41
PFS Look-up Tool Overview | CMS 41
State Payment of Medicare Premiums | CMS 39
Health Insurance Marketplace Quality Initiatives | CMS 38
Speech & Meeting Requests | CMS 34
Part A Cost Report Audit & Reimbursement | CMS 33
Home - Centers for Medicare & Medicaid Services | CMS 0 65
Focused Program Integrity Reviews by State or Territory | CMS 0 56
Ratebooks & Supporting Data | CMS 0 44

🔧 Most Common Issues (ALFA)

13 rules
383 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
69 pages affected

Rule Information

Engine: alfa

Roles: UX Designer, Visual Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.5.8 AA

Disabilities affected:
Motor

Affected Pages

Who Is Affected

  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans

Examples

Example 1 View on Page
Target has insufficient size
Mode: light
<a href="/about-cms" class="menu-item-link" data-drupal-link-system-path="node/132926" data-once="navigationLinkMatch">About CMS</a>
XPath: /a[@class="menu-item-link"]
Example 2 View on Page
Target has insufficient size
Mode: light
<a href="/digital-service" class="linked-breadcrumb" data-once="navigationLinkMatch">Digital Service at CMS</a>
XPath: /a[@class="linked-breadcrumb"]
Example 3 View on Page
Target has insufficient size
Mode: light
<a href="/about-cms/web-policies-important-links/help" title="Help with File Formats and Plug-Ins" class="file-format-help" data-once="linkMatch">Help with File Formats and Plug-Ins</a>
XPath: /a[@class="file-format-help"]
Example 4 View on Page
Target has insufficient size
Mode: light
<a href="https://www.medicare.gov/" class="footer-menu-item-link" title="Medicare.gov" data-once="navigationLinkMatch">Medicare.gov</a>
XPath: /a[@class="footer-menu-item-link"]
Example 5 View on Page
Target has insufficient size
Mode: light
<a class="list-item-link" href="https://www.linkedin.com/company/centers-for-medicare-&-medicaid-services/" data-once="linkMatch">...</a>
XPath: /a[@class="list-item-link"]
218 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
69 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p class="ds-c-usa-banner__header-text">An official website of the United States governmen...</p>
XPath: /p[@class="ds-c-usa-banner__header-text"]
Example 2 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p class="ds-c-usa-banner__action ds-u-align-items--center ds-u-md-display--none ds-u-display--flex">...</p>
XPath: /p[@class="ds-c-usa-banner__action ds-u-align-items--center ds-u-md-display--none ds-u-display--flex"]
Example 3 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p>...</p>
XPath: /p
Example 4 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p class="ds-c-usa-banner__header-text">An official website of the United States governmen...</p>
XPath: /p[@class="ds-c-usa-banner__header-text"]
Example 5 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p class="ds-c-usa-banner__action ds-u-align-items--center ds-u-md-display--none ds-u-display--flex">...</p>
XPath: /p[@class="ds-c-usa-banner__action ds-u-align-items--center ds-u-md-display--none ds-u-display--flex"]
69 Moderate alfa Best Practice SIA-R61: Documents start with a level 1 heading
69 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The document does not start with a level 1 heading
Mode: light
Example 2 View on Page
The document does not start with a level 1 heading
Mode: light
Example 3 View on Page
The document does not start with a level 1 heading
Mode: light
Example 4 View on Page
The document does not start with a level 1 heading
Mode: light
Example 5 View on Page
The document does not start with a level 1 heading
Mode: light
27 Minor alfa SC 4.1.1 A Visual Cognitive SIA-R1: id attributes are unique within the document
27 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The document does not have a `<title>` element
Mode: light
Example 2 View on Page
The document does not have a `<title>` element
Mode: light
Example 3 View on Page
The document does not have a `<title>` element
Mode: light
Example 4 View on Page
The document does not have a `<title>` element
Mode: light
Example 5 View on Page
The document does not have a `<title>` element
Mode: light
27 Serious alfa SC 2.4.2 A Visual Cognitive SIA-R4: Page has a descriptive title
27 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: SC 2.4.2 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
Example 2 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
Example 3 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
Example 4 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
Example 5 View on Page
The `lang` attribute is either missing, empty, or only whitespace
Mode: light
<html>...</html>
XPath: /html
27 Moderate alfa SIA-R59
27 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The document does not have a heading element
Mode: light
Example 2 View on Page
The document does not have a heading element
Mode: light
Example 3 View on Page
The document does not have a heading element
Mode: light
Example 4 View on Page
The document does not have a heading element
Mode: light
Example 5 View on Page
The document does not have a heading element
Mode: light
27 Moderate alfa SIA-R87: First focusable element is a skip link
27 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The document has no tabbable descendants
Mode: light
Example 2 View on Page
The document has no tabbable descendants
Mode: light
Example 3 View on Page
The document has no tabbable descendants
Mode: light
Example 4 View on Page
The document has no tabbable descendants
Mode: light
Example 5 View on Page
The document has no tabbable descendants
Mode: light
5 Moderate alfa SIA-R42
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element is not owned by an element of its required context role
Mode: light
<button type="button" id="trigger-tabs-624766549" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-624766549"> </button>
XPath: /button[@id="trigger-tabs-624766549"]
Example 2 View on Page
The element is not owned by an element of its required context role
Mode: light
<button type="button" id="trigger-tabs-1902482788" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-1902482788"> </button>
XPath: /button[@id="trigger-tabs-1902482788"]
Example 3 View on Page
The element is not owned by an element of its required context role
Mode: light
<button type="button" id="trigger-tabs-1542245600" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-1542245600"> </button>
XPath: /button[@id="trigger-tabs-1542245600"]
Example 4 View on Page
The element is not owned by an element of its required context role
Mode: light
<button type="button" id="trigger-tabs-411193639" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-411193639"> </button>
XPath: /button[@id="trigger-tabs-411193639"]
Example 5 View on Page
The element is not owned by an element of its required context role
Mode: light
<button type="button" id="trigger-tabs-1364269795" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-1364269795"> </button>
XPath: /button[@id="trigger-tabs-1364269795"]
5 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
4 pages affected

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light
<h3>Requesting CMS Administrator or Deputy Administrat...</h3>
XPath: /h3
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h6>...</h6>
XPath: /h6
Example 3 View on Page
The heading skips one or more levels
Mode: light
<h3>Overview</h3>
XPath: /h3
Example 4 View on Page
The heading skips one or more levels
Mode: light
<h3>State Demonstrations</h3>
XPath: /h3
Example 5 View on Page
The heading skips one or more levels
Mode: light
<h6>...</h6>
XPath: /h6
2 Moderate alfa SIA-R78: Headings of same level have text content between them
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
There is no content between this heading and the next
Mode: light
<h2 class="responsive-tabs__accordion-heading ds-u-font-size--xl ds-u-margin--0">...</h2>
XPath: /h2[@class="responsive-tabs__accordion-heading ds-u-font-size--xl ds-u-margin--0"]
Example 2 View on Page
There is no content between this heading and the next
Mode: light
<h2>...</h2>
XPath: /h2
2 Moderate alfa SIA-R3: lang attribute has a valid language code
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element does not have a unique ID
Mode: light
<div id="block-cms-evo-newsroom-navigation-3" data-block-plugin-id="system_menu_block:newsroom-navigation" class="block block-system block-system-menu-blocknewsroom-navigation ds-u-display--flex ds-u-lg-align-items--center ds-u-lg-justify-content--between ds-u-lg-flex-direction--row ds-u-flex-direction--column">...</div>
XPath: /div[@id="block-cms-evo-newsroom-navigation-3"]
Example 2 View on Page
The element does not have a unique ID
Mode: light
<h2 id="block-cms-evo-newsroom-navigation-3" data-block-plugin-id="system_menu_block:newsroom-navigation" class="block block-system block-system-menu-blocknewsroom-navigation ds-u-display--flex ds-u-lg-align-items--center ds-u-lg-justify-content--between ds-u-lg-flex-direction--row ds-u-flex-direction--column ds-u-lg-font-size--3xl ds-u-color--white ds-u-margin--0 ds-u-font-weight--semibold">...</h2>
XPath: /h2[@id="block-cms-evo-newsroom-navigation-3"]
1 Moderate alfa SIA-R7
1 pages affected

Examples

Example 1 View on Page
The `lang` attribute does not have a valid primary language subtag
Mode: light
1 Moderate alfa Best Practice SIA-R64: Heading has non-empty accessible name
1 pages affected

Rule Information

Engine: alfa

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
The heading does not have an accessible name
Mode: light
<h3> </h3>
XPath: /h3

🔧 Most Common Issues (axe)

3 rules
6 Moderate axe heading-order: Ensures heading levels are not skipped (e.g. h1→h3). Inconsistent heading hierarchy makes page structure difficult to navigate for screen reader users.
5 pages affected

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h3>Requesting CMS Administrator or Deputy Administrator</h3>
XPath: .rxbodyfield > h3:nth-child(2)
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h6>Want regular email updates? Sign up by visiting this&nbsp;<a href="https://public.govdelivery.com/accounts/USCMS/subscriber/new?topic_id=USCMS_7840" data-once="linkMatch">link</a>.</h6>
XPath: h6:nth-child(24)
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="field field--name-field-title-title-description field--type-string-long field--label-hidden field__item"> What is the PFS Look-Up Tool? </h3>
XPath: #accordion-272040764__button > .field--name-field-title-title-description.field--type-string-long.field--label-hidden
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h3>Overview</h3>
XPath: .rxbodyfield > h3
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h3>State Demonstrations</h3>
XPath: .rxbodyfield > h3
1 Serious axe SC 3.1.2 AA Cognitive valid-lang: Ensures lang attributes have valid BCP 47 language tag values. Invalid language tags prevent screen readers from switching to the correct pronunciation.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 3.1.2 AA

Disabilities affected:
Cognitive

Who Is Affected

  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
lang attribute must have a valid value
Mode: light
<span lang="X-NONE">[1]</span>
XPath: a[href$="#_ftnref1"] > span[lang="X-NONE"]
1 Moderate axe empty-heading
1 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>&nbsp;</h3>
XPath: h3:nth-child(30)

🔧 Most Common Issues (Equal Access)

24 rules
208 Moderate equalAccess input_label_visible
69 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-controls="block-cmsglobalprimarymenu2" data-once="cms-header-nav" aria-haspopup="true" aria-label="Open Main" aria-expanded="false" class="navbar-toggle navbar-toggle-primary-menu ds-u-lg-display--none mobile" id="js-navbar-toggle">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<button data-once="cms-header-search buttonMatch" aria-haspopup="true" aria-label="Open Site Search" aria-expanded="false" class="searchbar-toggle ds-u-lg-display--none" id="js-searchbar-toggle">
Example 3 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<input class="ds-c-field ds-u-margin-bottom--05" placeholder="you@example.com" type="text" name="email" aria-label="Enter your email address:" required="required">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-controls="block-cmsglobalprimarymenu2" data-once="cms-header-nav" aria-haspopup="true" aria-label="Open Main" aria-expanded="false" class="navbar-toggle navbar-toggle-primary-menu ds-u-lg-display--none mobile" id="js-navbar-toggle">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<button data-once="cms-header-search buttonMatch" aria-haspopup="true" aria-label="Open Site Search" aria-expanded="false" class="searchbar-toggle ds-u-lg-display--none" id="js-searchbar-toggle">
180 Moderate equalAccess aria_role_redundant
69 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 aria-label="Site header" role="banner" class="header" id="header">
Example 2 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main role="main" id="skipNavTarget">
Example 3 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header aria-label="Site header" role="banner" class="header" id="header">
Example 4 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main role="main" id="skipNavTarget">
Example 5 View on Page
The explicitly-assigned ARIA role "button" is redundant with the implicit role of the element <button>
Mode: light
<button role="button" data-once="heroSitewideInitiatedMatch" class="button js-form-submit form-submit ds-c-button ds-c-button--solid" value="Search" id="edit-submit--tCWKox3ISKA" type="submit" data-drupal-selector="edit-submit">
140 Moderate equalAccess label_ref_valid
69 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The value "email" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="ds-u-font-weight--bold ds-u-margin-bottom--1 ds-u-margin-top--3" for="email">
Example 2 View on Page
The value "email-footer-submit" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="ds-u-visibility--screen-reader" for="email-footer-submit" id="email-submit-label">
Example 3 View on Page
The value "edit-keys" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="ds-c-label visually-hidden" for="edit-keys">
Example 4 View on Page
The value "email" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="ds-u-font-weight--bold ds-u-margin-bottom--1 ds-u-margin-top--3" for="email">
Example 5 View on Page
The value "email-footer-submit" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="ds-u-visibility--screen-reader" for="email-footer-submit" id="email-submit-label">
121 Moderate equalAccess element_tabbable_unobscured
69 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
<a data-once="linkMatch" class="visually-hidden focusable skip-link" href="#skipNavTarget">
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 data-once="linkMatch" href="http://findsupport.gov">
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
<a data-once="linkMatch" class="visually-hidden focusable skip-link" href="#skipNavTarget">
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
<button role="button" data-once="heroSitewideInitiatedMatch" class="button js-form-submit form-submit ds-c-button ds-c-button--solid" value="Search" id="edit-submit--tCWKox3ISKA" type="submit" data-drupal-selector="edit-submit">
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
<a data-once="linkMatch" class="visually-hidden focusable skip-link" href="#skipNavTarget">
111 Moderate equalAccess text_block_heading
69 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'Project Timeline: May 2022 - May 2023' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div data-once="trademark-symbol" class="cms-text--prominent field field--name-field-cms-banner-copy field--type-text-long field--label-hidden field__item">
Example 2 View on Page
Confirm this text 'Project Timeline: May 2022 - May 2023' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 3 View on Page
Confirm this text 'Linkedin link' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="ds-u-visibility--screen-reader">
Example 4 View on Page
Confirm this text 'Rural Health Transformation Program' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div data-once="trademark-symbol" class="field field--name-field-tab-title field--type-string field--label-hidden field__item">
Example 5 View on Page
Confirm this text 'Medicaid Eligibility Made Easy' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div data-once="trademark-symbol" class="ds-c-alert__heading field field--name-field-alert-heading field--type-string field--label-hidden field__item">
76 Moderate equalAccess style_focus_visible
69 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
<button aria-controls="block-cmsglobalprimarymenu2" data-once="cms-header-nav" aria-haspopup="true" aria-label="Open Main" aria-expanded="false" class="navbar-toggle navbar-toggle-primary-menu ds-u-lg-display--none mobile" id="js-navbar-toggle">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="block-cmsglobalprimarymenu2" data-once="cms-header-nav" aria-haspopup="true" aria-label="Open Main" aria-expanded="false" class="navbar-toggle navbar-toggle-primary-menu ds-u-lg-display--none mobile" id="js-navbar-toggle">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="block-cmsglobalprimarymenu2" data-once="cms-header-nav" aria-haspopup="true" aria-label="Open Main" aria-expanded="false" class="navbar-toggle navbar-toggle-primary-menu ds-u-lg-display--none mobile" id="js-navbar-toggle">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="block-cmsglobalprimarymenu2" data-once="cms-header-nav" aria-haspopup="true" aria-label="Open Main" aria-expanded="false" class="navbar-toggle navbar-toggle-primary-menu ds-u-lg-display--none mobile" id="js-navbar-toggle">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="block-cmsglobalprimarymenu2" data-once="cms-header-nav" aria-haspopup="true" aria-label="Open Main" aria-expanded="false" class="navbar-toggle navbar-toggle-primary-menu ds-u-lg-display--none mobile" id="js-navbar-toggle">
69 Moderate equalAccess style_highcontrast_visible
69 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
<html style="--vw: 8px; --vh: 6px;" class=" js" dir="ltr" lang="en">
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
<html style="--vw: 8px; --vh: 6px;" class=" js" dir="ltr" lang="en">
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
<html style="--vw: 8px; --vh: 6px;" class=" js" dir="ltr" lang="en">
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
<html style="--vw: 8px; --vh: 6px;" class=" js" dir="ltr" lang="en">
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
<html style="--vw: 8px; --vh: 6px;" class=" js" dir="ltr" lang="en">
69 Moderate equalAccess style_color_misuse
69 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
<link href="/sites/default/files/css/css_XC2gqxRc7jTWjbnqIsk9A6D8tDe_0HrfT_5uZA0Xv18.css?delta=0&language=en&theme=cms_evo&include=eJxljuEKwyAMhF9I6yNJ1HRINemSWOiefq6MwtivO76Pg8sblmosEXJmKZUp3G1ZhcmQistdIx4cZvoERCg-Nc7bj3gONrC5-3ex4wM60rhhw9U8weE_VC_c4ORhGhIounkBQ5GxQ1tgGGfue0P7CmLp0OoLnZ5q2K_NG3RoTuQ" media="all" rel="stylesheet">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_hCOfsV0wMgg7BeWvwLrOcYq-57ZpJBZgkhDcL0TA9bI.css?delta=0&language=en&theme=cms_evo&include=eJxVjWsOwjAMgy-0x5FQmpq1om2ipEXA6YEJhvgV67Nj8wUxd7ETMYvFLG091HI2aR0tTlz9hKus75ukQmnDH6zYqKKNA-Km1CKFgrmLZp6Z7NeTYDI7yDjNoQhfDsfgKs3z9fVHwXde6C6j-xrIX6tiWKMNpbLQ6MJStaB_jCZWqeQHJiWjzUiTf9M_soymI5TsCXHyu3fUvfwJXJRpAA" media="all" rel="stylesheet">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_XC2gqxRc7jTWjbnqIsk9A6D8tDe_0HrfT_5uZA0Xv18.css?delta=0&language=en&theme=cms_evo&include=eJxNzWsKhDAMBOALtfZIJaZxEfOQJhXc068ri-yvDN8wBDdqa1ivgGi9rablSdPSTYO0JRSvdFi5bkboLc9suP1zFXqBkI4HmZbICkf-qt_McNoILzM4pesJldbHDjzBCEOTnSl-hVoX4PVNyU8PknvzAdpuQzU" media="all" rel="stylesheet">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_XC2gqxRc7jTWjbnqIsk9A6D8tDe_0HrfT_5uZA0Xv18.css?delta=0&language=en&theme=cms_evo&include=eJw9jFEOgzAMQy9U6JFQlhpUrUlQkyKx02-giS9b78nmN0oN6wsxWy_VND9tXrtpQEti8QWH5SsFGwl0PLBhjUnpmC7qN2502gjPL3Kk3xty6WOnNtMIY5O9If5CrQu1-kHy0wNyb75bYDqs" media="all" rel="stylesheet">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_XC2gqxRc7jTWjbnqIsk9A6D8tDe_0HrfT_5uZA0Xv18.css?delta=0&language=en&theme=cms_evo&include=eJxVy2sKg0AMBOALqXskSbPZsjQPSbKCPX2rFKG_ZviGwRfVnuYrIJrXblrutjQ3TdI6ocRKu5UzW2f6A6EnCOm4kanlrLDPp8bFDIeNjPKA-J7NqVQfG_ACIw1NNqb8DWouwP1NUxyRJNfnA3NiQTU" media="all" rel="stylesheet">
69 Moderate equalAccess svg_graphics_labelled
69 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 512 512" width="26" height="26" xmlns="http://www.w3.org/2000/svg">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 512 512" width="26" height="26" xmlns="http://www.w3.org/2000/svg">
Example 3 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 512 512" width="26" height="26" xmlns="http://www.w3.org/2000/svg">
Example 4 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 512 512" width="26" height="26" xmlns="http://www.w3.org/2000/svg">
Example 5 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 512 512" width="26" height="26" xmlns="http://www.w3.org/2000/svg">
35 Moderate equalAccess text_sensory_misuse
32 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<span>
Example 2 View on Page
Confirm the word(s) 'Top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h2 class="ds-u-margin-bottom--2 ds-u-margin-top--5">
Example 3 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<span>
Example 4 View on Page
Confirm the word(s) 'below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<span class="ds-u-font-size--md">
Example 5 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>
20 Moderate equalAccess element_tabbable_role_valid
2 pages affected

Examples

Example 1 View on Page
The tabbable element's role 'columnheader' is not a widget role
Mode: light
<th style="width: 82.5156px;" aria-label="Year: activate to sort column ascending" colspan="1" rowspan="1" aria-controls="dynamic_list_items_table" tabindex="0" class="sorting">
Example 2 View on Page
The tabbable element's role 'columnheader' is not a widget role
Mode: light
<th style="width: 319.484px;" aria-label="Contents: activate to sort column ascending" colspan="1" rowspan="1" aria-controls="dynamic_list_items_table" tabindex="0" class="sorting">
Example 3 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<a aria-current="page" tabindex="0" data-dt-idx="2" aria-controls="dynamic_list_items_table" class="paginate_button current">
Example 4 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<a tabindex="0" data-dt-idx="3" aria-controls="dynamic_list_items_table" class="paginate_button ">
Example 5 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<a tabindex="0" data-dt-idx="4" aria-controls="dynamic_list_items_table" class="paginate_button ">
6 Moderate equalAccess aria_widget_labelled
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Interactive component with ARIA role 'tabpanel' does not have a programmatically associated name
Mode: light
<div role="tabpanel" class="content">
Example 2 View on Page
Interactive component with ARIA role 'tab' does not have a programmatically associated name
Mode: light
<button aria-controls="tabs-624766549" role="tab" class="responsive-tabs__tab-button--mobile ds-u-display--flex" aria-expanded="false" id="trigger-tabs-624766549" type="button">
Example 3 View on Page
Interactive component with ARIA role 'tab' does not have a programmatically associated name
Mode: light
<button aria-controls="tabs-1902482788" role="tab" class="responsive-tabs__tab-button--mobile ds-u-display--flex" aria-expanded="false" id="trigger-tabs-1902482788" type="button">
Example 4 View on Page
Interactive component with ARIA role 'tab' does not have a programmatically associated name
Mode: light
<button aria-controls="tabs-1542245600" role="tab" class="responsive-tabs__tab-button--mobile ds-u-display--flex" aria-expanded="false" id="trigger-tabs-1542245600" type="button">
Example 5 View on Page
Interactive component with ARIA role 'tab' does not have a programmatically associated name
Mode: light
<button aria-controls="tabs-411193639" role="tab" class="responsive-tabs__tab-button--mobile ds-u-display--flex" aria-expanded="false" id="trigger-tabs-411193639" type="button">
5 Moderate equalAccess aria_parent_required
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "tab" role is not contained in or owned by an element with one of the following roles: "tablist"
Mode: light
<button aria-controls="tabs-624766549" role="tab" class="responsive-tabs__tab-button--mobile ds-u-display--flex" aria-expanded="false" id="trigger-tabs-624766549" type="button">
Example 2 View on Page
Element with "tab" role is not contained in or owned by an element with one of the following roles: "tablist"
Mode: light
<button aria-controls="tabs-1902482788" role="tab" class="responsive-tabs__tab-button--mobile ds-u-display--flex" aria-expanded="false" id="trigger-tabs-1902482788" type="button">
Example 3 View on Page
Element with "tab" role is not contained in or owned by an element with one of the following roles: "tablist"
Mode: light
<button aria-controls="tabs-1542245600" role="tab" class="responsive-tabs__tab-button--mobile ds-u-display--flex" aria-expanded="false" id="trigger-tabs-1542245600" type="button">
Example 4 View on Page
Element with "tab" role is not contained in or owned by an element with one of the following roles: "tablist"
Mode: light
<button aria-controls="tabs-411193639" role="tab" class="responsive-tabs__tab-button--mobile ds-u-display--flex" aria-expanded="false" id="trigger-tabs-411193639" type="button">
Example 5 View on Page
Element with "tab" role is not contained in or owned by an element with one of the following roles: "tablist"
Mode: light
<button aria-controls="tabs-1364269795" role="tab" class="responsive-tabs__tab-button--mobile ds-u-display--flex" aria-expanded="false" id="trigger-tabs-1364269795" type="button">
5 Moderate equalAccess heading_markup_misuse
5 pages affected

Examples

Example 1 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3>
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h6>
Example 3 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h2>
Example 4 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3>
Example 5 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h6>
4 Moderate equalAccess list_markup_review
4 pages affected

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
<span>
Example 2 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<strong>
Example 3 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<span>
Example 4 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<span>
4 Moderate equalAccess aria_descendant_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element with role "button" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<button aria-expanded="false" aria-controls="accordion-272040764" id="accordion-272040764__button" class="ds-u-display--flex ds-u-align-items--center" type="button">
Example 2 View on Page
The element with role "button" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<button aria-expanded="false" aria-controls="accordion-510143998" id="accordion-510143998__button" class="ds-u-display--flex ds-u-align-items--center" type="button">
Example 3 View on Page
The element with role "button" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<button aria-expanded="false" aria-controls="accordion-737534013" id="accordion-737534013__button" class="ds-u-display--flex ds-u-align-items--center" type="button">
Example 4 View on Page
The element with role "button" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<button aria-expanded="false" aria-controls="accordion-1717355181" id="accordion-1717355181__button" class="ds-u-display--flex ds-u-align-items--center" type="button">
3 Moderate equalAccess table_headers_exists
2 pages affected

Examples

Example 1 View on Page
Table has no headers identified
Mode: light
<table class="table Table">
Example 2 View on Page
Table has no headers identified
Mode: light
<table class="Table">
Example 3 View on Page
Table has no headers identified
Mode: light
<table class="MsoTableGrid">
1 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 'button' is not valid for the element <input>
Mode: light
<input role="button" placeholder="Search for keywords, topics or resources" data-once="autocomplete" autocomplete="off" maxlength="128" value="" name="keys" id="hero-search-input" type="search" data-autocomplete-path="/suggestion/autocomplete" class="form-autocomplete form-search ds-c-field ui-autocomplete-input" data-drupal-selector="edit-keys">
1 Moderate equalAccess element_lang_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Specified 'lang' attribute does not include a valid primary language
Mode: light
<span lang="X-NONE">
1 Moderate equalAccess frame_src_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://recon.my.salesforce-sites.com/OA" allow="accelerometer;autoplay;camera;encrypted-media;geolocation;gyroscope;microphone;payment;picture-in-picture" title="CMS Speaking Engagement Request Form" id="iframe-field_iframe-1355626" name="iframe-field_iframe-1355626" height="2500" width="100%">
1 Moderate equalAccess element_attribute_deprecated
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The HTML attribute(s) "type" is deprecated for the <ol> element in HTML 5
Mode: light
<ol type="1">
1 Moderate equalAccess text_quoted_correctly
1 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: "ease in locating answers quickly and efficiently"
Mode: light
<span>
1 Moderate equalAccess heading_content_exists
1 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>
1 Moderate equalAccess aria_accessiblename_exists
1 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>

🔧 Most Common Issues (AccessLint)

9 rules
81 Moderate accesslint keyboard-accessible/focus-order
69 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Non-interactive <ul> with tabindex="0" has no interactive role.
Mode: light
<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
XPath: #ui-id-1
Example 2 View on Page
Non-interactive <ul> with tabindex="0" has no interactive role.
Mode: light
<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
XPath: #ui-id-1
Example 3 View on Page
Non-interactive <ul> with tabindex="0" has no interactive role.
Mode: light
<ul id="ui-id-2" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
XPath: #ui-id-2
Example 4 View on Page
Non-interactive <ul> with tabindex="0" has no interactive role.
Mode: light
<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
XPath: #ui-id-1
Example 5 View on Page
Non-interactive <ul> with tabindex="0" has no interactive role.
Mode: light
<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul>
XPath: #ui-id-1
68 Moderate accesslint labels-and-names/aria-command-name
68 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA command has no accessible name.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--9fAsW9FY8V8" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button...
XPath: #edit-submit--9fAsW9FY8V8
Example 2 View on Page
ARIA command has no accessible name.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--2" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button--solid" a...
XPath: #edit-submit--2
Example 3 View on Page
ARIA command has no accessible name.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--y2cIdwLTSK0" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button...
XPath: #edit-submit--y2cIdwLTSK0
Example 4 View on Page
ARIA command has no accessible name.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--iuYFYfxUgEE" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button...
XPath: #edit-submit--iuYFYfxUgEE
Example 5 View on Page
ARIA command has no accessible name.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--WAK1WMUJl3w" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button...
XPath: #edit-submit--WAK1WMUJl3w
68 Moderate accesslint labels-and-names/button-name
68 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Button has no discernible text.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--9fAsW9FY8V8" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button...
XPath: #edit-submit--9fAsW9FY8V8
Example 2 View on Page
Button has no discernible text.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--2" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button--solid" a...
XPath: #edit-submit--2
Example 3 View on Page
Button has no discernible text.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--y2cIdwLTSK0" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button...
XPath: #edit-submit--y2cIdwLTSK0
Example 4 View on Page
Button has no discernible text.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--iuYFYfxUgEE" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button...
XPath: #edit-submit--iuYFYfxUgEE
Example 5 View on Page
Button has no discernible text.
Mode: light
<input data-drupal-selector="edit-submit" data-region="cms_header_secondary" type="submit" id="edit-submit--WAK1WMUJl3w" value="Search" class="button js-form-submit form-submit ds-c-button ds-c-button...
XPath: #edit-submit--WAK1WMUJl3w
45 Moderate accesslint landmarks/region
45 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="QSIFeedbackButton" style="position: fixed; visibility: hidden; inset: 0px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin: 0px; padding: ...
XPath: body > div:nth-of-type(7)
Example 2 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="QSIFeedbackButton" style="position: fixed; visibility: hidden; inset: 0px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin: 0px; padding: ...
XPath: body > div:nth-of-type(8)
Example 3 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="QSIFeedbackButton" style="position: fixed; visibility: hidden; inset: 0px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin: 0px; padding: ...
XPath: body > div:nth-of-type(7)
Example 4 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="QSIFeedbackButton" style="position: fixed; visibility: hidden; inset: 0px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin: 0px; padding: ...
XPath: body > div:nth-of-type(7)
Example 5 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="QSIFeedbackButton" style="position: fixed; visibility: hidden; inset: 0px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin: 0px; padding: ...
XPath: body > div:nth-of-type(7)
6 Moderate accesslint navigable/heading-order
5 pages affected

Examples

Example 1 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3>Requesting CMS Administrator or Deputy Administrator</h3>
XPath: div > div > div > h3:nth-of-type(1)
Example 2 View on Page
Heading level 6 skipped from level 2. Use h3 instead.
Mode: light
<h6>Want regular email updates? Sign up by visiting this&nbsp;<a href="https://public.govdelivery.com/accounts/USCMS/subscriber/new?topic_id=USCMS_7840" data-once="linkMatch">link</a>.</h6>
XPath: div > h6:nth-of-type(1)
Example 3 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3 class="field field--name-field-title-title-description field--type-string-long field--label-hidden field__item"> What is the PFS Look-Up Tool? </h3>
XPath: #accordion-272040764__button > h3
Example 4 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3>Overview</h3>
XPath: div > div > div > h3
Example 5 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3>State Demonstrations</h3>
XPath: div > div > div > h3
5 Moderate accesslint adaptable/aria-required-parent
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Role "tab" must be contained within: tablist.
Mode: light
<button type="button" id="trigger-tabs-624766549" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-624766549"> </button>
XPath: #trigger-tabs-624766549
Example 2 View on Page
Role "tab" must be contained within: tablist.
Mode: light
<button type="button" id="trigger-tabs-1902482788" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-1902482788"> </button>
XPath: #trigger-tabs-1902482788
Example 3 View on Page
Role "tab" must be contained within: tablist.
Mode: light
<button type="button" id="trigger-tabs-1542245600" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-1542245600"> </button>
XPath: #trigger-tabs-1542245600
Example 4 View on Page
Role "tab" must be contained within: tablist.
Mode: light
<button type="button" id="trigger-tabs-411193639" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-411193639"> </button>
XPath: #trigger-tabs-411193639
Example 5 View on Page
Role "tab" must be contained within: tablist.
Mode: light
<button type="button" id="trigger-tabs-1364269795" aria-expanded="false" class="responsive-tabs__tab-button--mobile ds-u-display--flex" role="tab" aria-controls="tabs-1364269795"> </button>
XPath: #trigger-tabs-1364269795
1 Moderate accesslint readable/valid-lang
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Invalid lang attribute value "X-NONE".
Mode: light
<span lang="X-NONE">[1]</span>
XPath: a[href="#_ftnref1"] > span
1 Moderate accesslint adaptable/td-has-header
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Data cell has no associated header. Add th elements with scope, or headers attribute.
Mode: light
<td> <h2><span><span><strong><span>Don’t say:</span></strong></span></span></h2> </td>
XPath: thead > tr > td:nth-of-type(1)
1 Moderate accesslint navigable/empty-heading
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3>&nbsp;</h3>
XPath: div > h3:nth-of-type(9)

🔧 Most Common Issues (QualWeb)

5 rules
69 Moderate qualweb QW-ACT-R76: Element has contrast ratio lower than minimum.
69 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light
1 Moderate qualweb QW-ACT-R38: The test target owns elements that doesn't have the correct role.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
1 Moderate qualweb QW-ACT-R33: The test target parent doesn't have the required context `role`.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target parent doesn't have the required context `role`.
Mode: light
1 Moderate qualweb QW-ACT-R22: The test target has an invalid `lang` attribute.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target has an invalid `lang` attribute.
Mode: light
1 Moderate qualweb QW-ACT-R35: The test target accessible name doesn't exist or it's empty ('').
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light