Accessibility Scan Report

Title: VA.gov — Issue: #167 Date: 3/16/2026, 2:50:32 PM Duration: 33.8m URLs: 100 / 100 🖥️ Forced Colors: 7 / 100 URLs

Summary

Issues

  • By Level: A (52), AA (782), AAA (99)
  • By Version (A & AA): WCAG 2.0 (52), WCAG 2.2 (782)
  • By Category: axe-strict (6) & Best Practice (4) & Others (3050)
  • Total: 3060 across 43 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.

Page axe UniqueALFA UniqueEqual Access UniqueAccessLint UniqueQualWeb Unique Total Unique
View Page Caregiver Support | VA Fargo Health Care | Veterans Affairs 0 92
View Page VA.gov Home | Veterans Affairs 0 85
View Page Resources And Support | Veterans Affairs 0 0 74
View Page First Responder Deflection Support Services | VA Augusta Health Care | Veterans Affairs 71
View Page Caregiver Support | VA Chillicothe Health Care | Veterans Affairs 0 69
View Page Caregiver Support | VA Durham Health Care | Veterans Affairs 0 68
View Page Caregiver Support | VA Eastern Kansas Health Care | Veterans Affairs 0 67
View Page Caregiver Support | VA Houston Health Care | Veterans Affairs 0 67
View Page Caregiver Support | VA Hudson Valley Health Care | Veterans Affairs 0 66
View Page Caregiver Support | VA Dayton Health Care | Veterans Affairs 0 64

🔧 Most Common Issues (ALFA)

9 rules
782 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
99 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

Examples

Example 1 View on Page
Target has insufficient size
Mode: light
<button class="va-crisis-line va-overlay-trigger vads-u-background-color--secondary-darkest" data-show="#modal-crisisline">...</button>
XPath: /button[@class="va-crisis-line va-overlay-trigger vads-u-background-color--secondary-darkest"]
Example 2 View on Page
Target has insufficient size
Mode: light
<button class="sitewide-search-drop-down-panel-button va-btn-withicon va-dropdown-trigger va-btn-withicon va-dropdown-trigger" aria-controls="search" aria-expanded="false">...</button>
XPath: /button[@class="sitewide-search-drop-down-panel-button va-btn-withicon va-dropdown-trigger va-btn-withicon va-dropdown-trigger"]
Example 3 View on Page
Target has insufficient size
Mode: light
<a class="vads-u-color--white vads-u-text-decoration--none vads-u-padding-x--1 vads-u-font-weight--bold" href="https://www.va.gov/contact-us/">Contact us</a>
XPath: /a[@class="vads-u-color--white vads-u-text-decoration--none vads-u-padding-x--1 vads-u-font-weight--bold"]
Example 4 View on Page
Target has insufficient size
Mode: light
<button class="usa-button" type="button" part="button">Sign in</button>
XPath: /button[@class="usa-button"]
Example 5 View on Page
Target has insufficient size
Mode: light
<a class="usa-breadcrumb__link" href="/" lang="en-US" hreflang="en-US">...</a>
XPath: /a[@class="usa-breadcrumb__link"]
99 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
99 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.6 AAA

Disabilities affected:
Visual

Affected Pages

Examples

Example 1 View on Page
The highest possible contrast of the text is 5.95:1 which is below the required contrast of 7:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 5.95:1 which is below the required contrast of 7:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 6.72:1 which is below the required contrast of 7:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 5.95:1 which is below the required contrast of 7:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 5.95:1 which is below the required contrast of 7:1
Mode: light
90 Moderate alfa SIA-R74:
90 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The font size is specified using an absolute unit
Mode: light
<p>An official website of the United States governmen...</p>
XPath: /p
Example 2 View on Page
The font size is specified using an absolute unit
Mode: light
<p>An official website of the United States governmen...</p>
XPath: /p
Example 3 View on Page
The font size is specified using an absolute unit
Mode: light
<p>An official website of the United States governmen...</p>
XPath: /p
Example 4 View on Page
The font size is specified using an absolute unit
Mode: light
<p>An official website of the United States governmen...</p>
XPath: /p
Example 5 View on Page
The font size is specified using an absolute unit
Mode: light
<p>An official website of the United States governmen...</p>
XPath: /p
72 Moderate alfa SIA-R71:
72 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text of the paragraph is justified
Mode: light
<p>...</p>
XPath: /p
Example 2 View on Page
The text of the paragraph is justified
Mode: light
<p>...</p>
XPath: /p
Example 3 View on Page
The text of the paragraph is justified
Mode: light
<p>...</p>
XPath: /p
Example 4 View on Page
The text of the paragraph is justified
Mode: light
<p>...</p>
XPath: /p
Example 5 View on Page
The text of the paragraph is justified
Mode: light
<p>...</p>
XPath: /p
62 Moderate alfa SIA-R61:
62 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

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
54 Moderate alfa SIA-R78: Headings of same level have text content between them
50 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
There is no content between this heading and the next
Mode: light
<h2 id="apps-you-can-use">Apps you can use</h2>
XPath: /h2[@id="apps-you-can-use"]
Example 2 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="va-nav-linkslist-title vads-u-font-size--h4" id="-1">...</h3>
XPath: /h3[@id="-1"]
Example 3 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="va-nav-linkslist-title vads-u-font-size--h4" id="-1">...</h3>
XPath: /h3[@id="-1"]
Example 4 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="va-nav-linkslist-title vads-u-font-size--h4" id="-1">...</h3>
XPath: /h3[@id="-1"]
Example 5 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="va-nav-linkslist-title vads-u-font-size--h4" id="-1">...</h3>
XPath: /h3[@id="-1"]
52 Critical alfa SC 1.1.1 A Visual SIA-R14: Images have an accessible name or are decorative
52 pages affected

Rule Information

Engine: alfa

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Examples

Example 1 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: /a
Example 2 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: /a
Example 3 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: /a
Example 4 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: /a
Example 5 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: /a
4 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
4 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light
<h6>...</h6>
XPath: /h6
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h3 id="new-process">New Process</h3>
XPath: /h3[@id="new-process"]
Example 3 View on Page
The heading skips one or more levels
Mode: light
<h3 id="connect-with-a-support-coordin">Connect with a support coordinator</h3>
XPath: /h3[@id="connect-with-a-support-coordin"]
Example 4 View on Page
The heading skips one or more levels
Mode: light
<h4>The Program of General Caregiver Support Services ...</h4>
XPath: /h4
1 Moderate alfa SIA-R113:
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Target has insufficient size and spacing
Mode: light
<a class="usa-breadcrumb__link" href="/fayetteville-coastal-health-care/stories" lang="en-US" hreflang="en-US">...</a>
XPath: /a[@class="usa-breadcrumb__link"]

🔧 Most Common Issues (axe)

2 rules
4 Moderate axe heading-order:
4 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h6><strong>Emergency Services at VA Augusta’s Medical Center&nbsp;</strong></h6>
XPath: h6:nth-child(1)
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3 id="new-process">New Process</h3>
XPath: #new-process
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3 id="connect-with-a-support-coordin">Connect with a support coordinator</h3>
XPath: #connect-with-a-support-coordin
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h4>The Program of General Caregiver Support Services (PGCSS)</h4>
XPath: h4:nth-child(4)
2 Moderate axe aria-dialog-name:
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div aria-modal="true" role="dialog" aria-labelledby="sidebar_header">
XPath: div[aria-modal="true"]
Example 2 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div aria-modal="true" role="dialog" aria-labelledby="sidebar_header">
XPath: div[aria-modal="true"]

🔧 Most Common Issues (Equal Access)

21 rules
206 Moderate equalAccess aria_role_redundant:
99 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="header">
Example 2 View on Page
The explicitly-assigned ARIA role "list" is redundant with the implicit role of the element <ol>
Mode: light
<ol class="usa-breadcrumb__list" role="list">
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="header">
Example 4 View on Page
The explicitly-assigned ARIA role "list" is redundant with the implicit role of the element <ol>
Mode: light
<ol class="usa-breadcrumb__list" role="list">
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="header">
102 Moderate equalAccess aria_content_in_landmark:
99 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 class="show-on-focus" href="#content">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<a class="show-on-focus" href="#content">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a class="show-on-focus" href="#content">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<a class="show-on-focus" href="#content">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a class="show-on-focus" href="#content">
101 Moderate equalAccess element_tabbable_visible:
99 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 class="show-on-focus" href="#content">
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 class="show-on-focus" href="#content">
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 class="show-on-focus" href="#content">
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 class="show-on-focus" href="#content">
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 class="show-on-focus" href="#content">
99 Moderate equalAccess style_highcontrast_visible:
99 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 data-styles="">
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 data-styles="">
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 data-styles="">
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 data-styles="">
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 data-styles="">
99 Moderate equalAccess element_attribute_deprecated:
99 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 data-next-head="" content="IE=edge" http-equiv="X-UA-Compatible">
Example 2 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta data-next-head="" content="IE=edge" http-equiv="X-UA-Compatible">
Example 3 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta data-next-head="" content="IE=edge" http-equiv="X-UA-Compatible">
Example 4 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta data-next-head="" content="IE=edge" http-equiv="X-UA-Compatible">
Example 5 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta data-next-head="" content="IE=edge" http-equiv="X-UA-Compatible">
99 Moderate equalAccess element_tabbable_unobscured:
93 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 part="button" type="button" class="usa-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 hreflang="en" target="_blank" href="https://www.caregiver.va.gov/help_landing.asp">
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 target="_blank" href="https://www.va.gov/eastern-colorado-health-care/health-services/caregiver-support/">
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 target="_blank" href="https://www.caregiver.va.gov/help_landing.asp">
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 target="_blank" href="https://www.va.gov/eastern-oklahoma-health-care/health-services/caregiver-support/">
91 Moderate equalAccess text_block_heading:
72 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'By Jesus Flores , VISN 19 writer & editor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="vads-u-margin-bottom--0p5 vads-u-font-weight--bold">
Example 2 View on Page
Confirm this text 'By Jesus Flores , VISN 19 writer & editor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="vads-u-margin-bottom--0p5 vads-u-font-weight--bold">
Example 3 View on Page
Confirm this text 'By Jesus Flores , VISN 19 writer & editor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="vads-u-margin-bottom--0p5 vads-u-font-weight--bold">
Example 4 View on Page
Confirm this text 'By Jesus Flores , VISN 19 writer & editor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="vads-u-margin-bottom--0p5 vads-u-font-weight--bold">
Example 5 View on Page
Confirm this text 'By Jesus Flores , VISN 19 writer & editor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="vads-u-margin-bottom--0p5 vads-u-font-weight--bold">
88 Moderate equalAccess aria_descendant_valid:
88 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "button" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<button data-show="#modal-crisisline" class="va-crisis-line va-overlay-trigger vads-u-background-color--secondary-darkest">
Example 2 View on Page
The element with role "button" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<button data-show="#modal-crisisline" class="va-crisis-line va-overlay-trigger vads-u-background-color--secondary-darkest">
Example 3 View on Page
The element with role "button" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<button id="1555c7073402985896ab731b9481e842" data-show="#modal-crisisline" class="va-crisis-line va-overlay-trigger vads-u-background-color--secondary-darkest">
Example 4 View on Page
The element with role "button" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<button data-show="#modal-crisisline" class="va-crisis-line va-overlay-trigger vads-u-background-color--secondary-darkest">
Example 5 View on Page
The element with role "button" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<button id="a35dd69f2d763f4b0c8a74fbf13aa447" data-show="#modal-crisisline" class="va-crisis-line va-overlay-trigger vads-u-background-color--secondary-darkest">
61 Moderate equalAccess element_id_unique:
61 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <h3> element has the id "" that is empty
Mode: light
<h3 id="" class="heading-level-4 vads-u-display--flex vads-u-align-items--center">
Example 2 View on Page
The <h3> element has the id "" that is empty
Mode: light
<h3 id="" class="va-nav-linkslist-title vads-u-font-size--h4">
Example 3 View on Page
The <h3> element has the id "" that is empty
Mode: light
<h3 id="" class="va-nav-linkslist-title vads-u-font-size--h4">
Example 4 View on Page
The <h3> element has the id "" that is empty
Mode: light
<h3 id="" class="va-nav-linkslist-title vads-u-font-size--h4">
Example 5 View on Page
The <h3> element has the id "" that is empty
Mode: light
<h3 id="" class="va-nav-linkslist-title vads-u-font-size--h4">
53 Moderate equalAccess label_name_visible:
50 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a href="tel:+1711" aria-label="TTY: 7 1 1.">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a href="tel:+1711" aria-label="TTY: 7 1 1.">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a href="tel:+1711" aria-label="TTY: 7 1 1.">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a href="tel:+1711" aria-label="TTY: 7 1 1.">
Example 5 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a href="tel:+1711" aria-label="TTY: 7 1 1.">
36 Moderate equalAccess text_sensory_misuse:
30 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the user instruction is still understandable without the word(s) 'huge'
Mode: light
<p lang="EN-US">
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'huge'
Mode: light
<p lang="EN-US">
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'huge'
Mode: light
<p lang="EN-US">
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'huge'
Mode: light
<p lang="EN-US">
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'huge'
Mode: light
<p lang="EN-US">
33 Moderate equalAccess style_color_misuse:
33 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 data-n-g="" href="/_next/static/chunks/d1532601c2db0f4c.css" rel="stylesheet" nonce="Tx8DbnpeO3byBuzDfba1YOEGA7AZxkap">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link data-n-g="" href="/_next/static/chunks/d1532601c2db0f4c.css" rel="stylesheet" nonce="sQHWEtXA8I6kgHFyglasuCHZh9eAbwxc">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link data-n-g="" href="/_next/static/chunks/d1532601c2db0f4c.css" rel="stylesheet" nonce="u09wBdPIODOeuuHcbNLmtY8OS0Ap1Twt">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link data-n-g="" href="/_next/static/chunks/d1532601c2db0f4c.css" rel="stylesheet" nonce="7OufP7gxPqucGvLP6ZtjqpfGhEuLOf0C">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link data-n-g="" href="/_next/static/chunks/d1532601c2db0f4c.css" rel="stylesheet" nonce="t845cvTQPJA2xhiCXpKwD5nIiXvdd6AJ">
9 Moderate equalAccess text_quoted_correctly:
9 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Lori changed what I thought abo ... dads medical needs,” said Ron. "
Mode: light
<p lang="EN-US">
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Lori changed what I thought abo ... dads medical needs,” said Ron. "
Mode: light
<p lang="EN-US">
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Lori changed what I thought abo ... dads medical needs,” said Ron. "
Mode: light
<p lang="EN-US">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Lori changed what I thought abo ... dads medical needs,” said Ron. "
Mode: light
<p lang="EN-US">
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Lori changed what I thought abo ... dads medical needs,” said Ron. "
Mode: light
<p lang="EN-US">
6 Moderate equalAccess style_focus_visible:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input id="goodinput" value="Good" name="rating" type="radio" class="va-radio-option__input">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input id="goodinput" value="Good" name="rating" type="radio" class="va-radio-option__input">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input id="goodinput" value="Good" name="rating" type="radio" class="va-radio-option__input">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input id="goodinput" value="Good" name="rating" type="radio" class="va-radio-option__input">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input id="goodinput" value="Good" name="rating" type="radio" class="va-radio-option__input">
2 Moderate equalAccess list_markup_review:
1 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
<h2 id="1-find-your-veterans-integrate">
Example 2 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 id="2-use-your-visn-number-to-find">
2 Moderate equalAccess aria_id_unique:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The 'id' "sidebar_header" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light
<div aria-labelledby="sidebar_header" role="dialog" aria-modal="true">
Example 2 View on Page
The 'id' "sidebar_header" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light
<div aria-labelledby="sidebar_header" role="dialog" aria-modal="true">
2 Moderate equalAccess text_contrast_sufficient:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 15px and weight of 400
Mode: light
<span class="">
Example 2 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 15px and weight of 400
Mode: light
<span class="">
1 Moderate equalAccess input_label_visible:
1 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
<input autocomplete="off" aria-label="Search VA.gov" type="search" name="search" id="search-field" class="usa-input">
1 Moderate equalAccess form_submit_button_exists:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form method="POST" id="email-signup-form" action="https://public.govdelivery.com/accounts/USVACHOOSE/subscribers/qualify" accept-charset="UTF-8">
1 Moderate equalAccess aria_child_valid:
1 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
<ol class="usa-process-list" role="list">
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>

🔧 Most Common Issues (AccessLint)

7 rules
187 Moderate accesslint navigable/empty-heading:
61 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3 class="heading-level-4 vads-u-display--flex vads-u-align-items--center" id=""> <va-icon icon="medical_services" size="3" class="hub-icon vads-u-color--white vads-u-background-co...
XPath: section > div:nth-of-type(1) > div:nth-of-type(1) > h3
Example 2 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3 class="heading-level-4 vads-u-display--flex vads-u-align-items--center" id="-1"> <va-icon icon="description" size="3" class="hub-icon vads-u-color--white vads-u-background-color...
XPath: #-\31
Example 3 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3 class="heading-level-4 vads-u-display--flex vads-u-align-items--center" id="-2"> <va-icon icon="school" size="3" class="hub-icon vads-u-color--white vads-u-background-color--hub...
XPath: #-\32
Example 4 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3 class="heading-level-4 vads-u-display--flex vads-u-align-items--center" id="-3"> <va-icon icon="work" size="3" class="hub-icon vads-u-color--white vads-u-background-color--hub-c...
XPath: #-\33
Example 5 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light
<h3 class="heading-level-4 vads-u-display--flex vads-u-align-items--center" id="-4"> <va-icon icon="handshake" size="3" class="hub-icon vads-u-color--white vads-u-background-color--...
XPath: #-\34
143 Moderate accesslint labels-and-names/label-content-mismatch:
90 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Accessible name "TTY: 7 1 1." does not contain visible text "TTY: 711".
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: ul:nth-of-type(3) > li:nth-of-type(2) > a[href="tel:+1711"]
Example 2 View on Page
Accessible name "TTY: 7 1 1." does not contain visible text "TTY: 711".
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: ul:nth-of-type(3) > li:nth-of-type(2) > a[href="tel:+1711"]
Example 3 View on Page
Accessible name "TTY: 7 1 1." does not contain visible text "TTY: 711".
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: ul:nth-of-type(3) > li:nth-of-type(2) > a[href="tel:+1711"]
Example 4 View on Page
Accessible name "TTY: 7 1 1." does not contain visible text "TTY: 711".
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: ul:nth-of-type(3) > li:nth-of-type(2) > a[href="tel:+1711"]
Example 5 View on Page
Accessible name "TTY: 7 1 1." does not contain visible text "TTY: 711".
Mode: light
<a aria-label="TTY: 7 1 1." href="tel:+1711">TTY: 711</a>
XPath: ul:nth-of-type(3) > li:nth-of-type(2) > a[href="tel:+1711"]
102 Moderate accesslint labels-and-names/aria-dialog-name:
100 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Dialog has no accessible name.
Mode: light
<div id="modal-crisisline" class="va-overlay va-modal va-modal-large" role="alertdialog"><div class="va-crisis-panel va-modal-inner"><button aria-label="Close this modal" class="va-modal-close va-over...
XPath: #modal-crisisline
Example 2 View on Page
Dialog has no accessible name.
Mode: light
<div id="modal-crisisline" class="va-overlay va-modal va-modal-large" role="alertdialog"><div class="va-crisis-panel va-modal-inner"><button aria-label="Close this modal" class="va-modal-close va-over...
XPath: #modal-crisisline
Example 3 View on Page
Dialog has no accessible name.
Mode: light
<div id="modal-crisisline" class="va-overlay va-modal va-modal-large" role="alertdialog"><div class="va-crisis-panel va-modal-inner"><button aria-label="Close this modal" class="va-modal-close va-over...
XPath: #modal-crisisline
Example 4 View on Page
Dialog has no accessible name.
Mode: light
<div id="modal-crisisline" class="va-overlay va-modal va-modal-large" role="alertdialog"><div class="va-crisis-panel va-modal-inner"><button aria-label="Close this modal" class="va-modal-close va-over...
XPath: #modal-crisisline
Example 5 View on Page
Dialog has no accessible name.
Mode: light
<div id="modal-crisisline" class="va-overlay va-modal va-modal-large" role="alertdialog"><div class="va-crisis-panel va-modal-inner"><button aria-label="Close this modal" class="va-modal-close va-over...
XPath: #modal-crisisline
82 Moderate accesslint landmarks/region:
74 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="vads-u-padding-x--1p5" data-template="includes/breadcrumbs"> <va-breadcrumbs class="row hydrated" wrapping="" breadcrumb-list="[{&quot;href&quot;:&quot;/&quot;,&quot;isRouterLink&quo...
XPath: body > div:nth-of-type(3)
Example 2 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="vads-u-padding-x--1p5" data-template="includes/breadcrumbs"> <va-breadcrumbs class="row hydrated" wrapping="" breadcrumb-list="[{&quot;href&quot;:&quot;/&quot;,&quot;isRouterLink&quo...
XPath: body > div:nth-of-type(3)
Example 3 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="vads-u-padding-x--1p5" data-template="includes/breadcrumbs"> <va-breadcrumbs class="row hydrated" wrapping="" breadcrumb-list="[{&quot;href&quot;:&quot;/&quot;,&quot;isRouterLink&quo...
XPath: body > div:nth-of-type(3)
Example 4 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="vads-u-padding-x--1p5" data-template="includes/breadcrumbs"> <va-breadcrumbs class="row hydrated" wrapping="" breadcrumb-list="[{&quot;href&quot;:&quot;/&quot;,&quot;isRouterLink&quo...
XPath: body > div:nth-of-type(3)
Example 5 View on Page
Content is not contained within a landmark region.
Mode: light
<div class="vads-u-padding-x--1p5" data-template="includes/breadcrumbs"> <va-breadcrumbs class="row hydrated" wrapping="" breadcrumb-list="[{&quot;href&quot;:&quot;/&quot;,&quot;isRouterLink&quo...
XPath: body > div:nth-of-type(3)
4 Moderate accesslint navigable/heading-order:
4 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading level 6 skipped from level 1. Use h2 instead.
Mode: light
<h6><strong>Emergency Services at VA Augusta’s Medical Center&nbsp;</strong></h6>
XPath: div > h6:nth-of-type(1)
Example 2 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3 id="new-process">New Process</h3>
XPath: #new-process
Example 3 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3 id="connect-with-a-support-coordin">Connect with a support coordinator</h3>
XPath: #connect-with-a-support-coordin
Example 4 View on Page
Heading level 4 skipped from level 2. Use h3 instead.
Mode: light
<h4>The Program of General Caregiver Support Services (PGCSS)</h4>
XPath: div > h4:nth-of-type(1)
3 Moderate accesslint adaptable/aria-required-parent:
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Role "listitem" must be contained within: list, group.
Mode: light
<va-process-list-item header="What to know before you fill out this form" role="listitem" class="usa-process-list__item hydrated"><!----><h3 part="header" class="usa-process-list__heading"><div>What t...
XPath: va-process-list > va-process-list-item:nth-of-type(1)
Example 2 View on Page
Role "listitem" must be contained within: list, group.
Mode: light
<va-process-list-item header="Types of expenses you may report" role="listitem" class="usa-process-list__item hydrated"><!----><h3 part="header" class="usa-process-list__heading"><div>Types of expense...
XPath: va-process-list > va-process-list-item:nth-of-type(2)
Example 3 View on Page
Role "listitem" must be contained within: list, group.
Mode: light
<va-process-list-item header="Start your application" role="listitem" class="usa-process-list__item hydrated"><!----><h3 part="header" class="usa-process-list__heading"><div>Start your application</di...
XPath: va-process-list > va-process-list-item:nth-of-type(3)
1 Moderate accesslint text-alternatives/image-alt-words:
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Alt text "photo-coming-soon" starts with redundant prefix "photo".
Mode: light
<img class="circular-profile-image bio-paragraph-image" src="https://s3-us-gov-west-1.amazonaws.com/content.www.va.gov/img/styles/1_1_square_medium_thumbnail/public/2024-12/photo-coming-soon_2.jpg" al...
XPath: bio:nth-of-type(2) > div:nth-of-type(1) > img

🔧 Most Common Issues (QualWeb)

4 rules
100 Moderate qualweb QW-ACT-R76:
100 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
61 Moderate qualweb QW-ACT-R30:
61 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 2 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 3 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 4 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 5 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
61 Moderate qualweb QW-ACT-R35:
61 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 2 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 3 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 4 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 5 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
1 Moderate qualweb QW-ACT-R33:
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target parent doesn't have the required context `role`.
Mode: light