Accessibility Scan Report

Title: energy.gov/ Issue: #204 Date: 4/7/2026, 10:16:58 PM Duration: 5.9m URLs: 69 / 69 ⚡ Reduced Motion: 31 / 69 URLs🖥️ Forced Colors: 30 / 69 URLs

Summary

Issues

  • By Level: A (21), AA (0)
  • By Version (A & AA): WCAG 2.0 (21)
  • By Category: axe-strict (48) & Others (249)
  • Total: 297 across 26 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below. Numbers in parentheses (+N) indicate findings that cover WCAG criteria already reported by axe.

Genesis Mission 13
National Nuclear Security Administration | Department of Energy 18
Department of Energy 12
ERROR: The request could not be satisfied 10
ERROR: The request could not be satisfied 10
Grid Deployment and Transmission | Department of Energy 8
Budget & Performance | Department of Energy 14
Federal Energy Management Program Funding Opportunities | Department of Energy 11
American Manufacturing | Department of Energy 7
History | Department of Energy 24

🔧 Most Common Issues (axe)

11 rules
10 Moderate axe region: Ensures all page content is contained within landmark regions. Content outside landmarks cannot be found by screen reader users navigating by landmarks.
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<div class="hidden md:absolute md:left-6 md:flex md:items-center">
XPath: .md\:left-6
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<div class="hidden md:flex md:items-center md:gap-4" data-name="wrapper">
XPath: .md\:gap-4
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="hidden md:absolute md:right-6 md:flex md:items-center"><p class="font-mono text-[12px] leading-4 font-normal tracking-[0.72px] text-neutral-50 uppercase whitespace-pre">22:12:16 UTC</p></div>
XPath: .md\:right-6
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<section class="relative" aria-labelledby="section-security">
XPath: section[aria-labelledby="section-security"]
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<h1>403 ERROR</h1>
XPath: h1
9 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
7 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-large-width-mode" tabindex="" id="movie_player" data-version="/s/player/57fefa84/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\38 56600975
Example 2 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-large-width-mode" tabindex="" id="movie_player" data-version="/s/player/57fefa84/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\31 93287440
Example 3 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-small-mode" tabindex="" id="movie_player" data-version="/s/player/57fefa84/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\34 20602971
Example 4 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-large-width-mode" tabindex="" id="movie_player" data-version="/s/player/57fefa84/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\33 68579368
Example 5 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-large-width-mode" tabindex="" id="movie_player" data-version="/s/player/2430d1b0/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\36 95905121
8 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.
7 pages affected

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h3><a href="/cfo/listings/budget-justification-supporting-documents" data-once="links">More Budget Requests</a></h3>
XPath: .layout-breakout.layout-float.layout-right > .field--text_default.field--body.field--name-body > h3
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h4><a aria-label="Read more about More Annual Performance Reports" href="/cfo/listings/annual-performance-reports" title="Read more about More Annual Performance Reports" data-once="links">More Annual Performance Reports</a></h4>
XPath: h4
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h4>CUSTOMER SERVICE</h4>
XPath: .tablet-lg\:grid-col-6:nth-child(1) > .block-layout-builder.block-inline-blockbasic.block > .field--text_default.field--body.field--name-body > h4:nth-child(1)
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h3>Media Inquiries:</h3>
XPath: .group-section__item--start > h3
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h3><strong>PRESIDENT TRUMP ANNOUNCES A HISTORIC US-VENEZUELA ENERGY DEAL TO SAFEGUARD AMERICA</strong></h3>
XPath: .field--text_default > h3:nth-child(1)
5 Moderate axe aria-allowed-role
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<li class="field__item splide__slide is-active is-visible" id="main-carousel-slide01" role="group" aria-roledescription="slide" aria-label="1 of 4" style="width: calc(100%);">
XPath: #main-carousel-slide01
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<li class="splide__slide is-active is-visible" id="thumbnail-carousel-slide01" role="button" aria-label="Go to slide 1" aria-current="true" tabindex="0" aria-controls="main-carousel-slide01">
XPath: #thumbnail-carousel-slide01
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<li class="splide__slide is-visible is-next" id="thumbnail-carousel-slide02" role="button" aria-label="Go to slide 2" tabindex="0" aria-controls="main-carousel-slide02">
XPath: #thumbnail-carousel-slide02
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<li class="splide__slide is-visible" id="thumbnail-carousel-slide03" role="button" aria-label="Go to slide 3" tabindex="0" aria-controls="main-carousel-slide03">
XPath: #thumbnail-carousel-slide03
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<li class="splide__slide is-visible" id="thumbnail-carousel-slide04" role="button" aria-label="Go to slide 4" tabindex="0" aria-controls="main-carousel-slide04">
XPath: #thumbnail-carousel-slide04
3 Moderate axe landmark-one-main: Ensures the page has exactly one main landmark. Screen reader users rely on the main landmark to skip navigation and jump directly to page content.
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
Document should have one main landmark
Mode: light
<html lang="en" class="bg-main-dark" style="color-scheme:dark">
XPath: html
Example 2 View on Page
Document should have one main landmark
Mode: light
<html>
XPath: html
Example 3 View on Page
Document should have one main landmark
Mode: light
<html>
XPath: html
2 Serious axe SC 3.1.1 A Cognitive html-has-lang: Ensures the <html> element has a lang attribute. Screen readers use the language attribute to select the correct pronunciation engine.
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Disabilities affected:
Cognitive

Who Is Affected

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

Examples

Example 1 View on Page
<html> element must have a lang attribute
Mode: light
<html>
XPath: html
Example 2 View on Page
<html> element must have a lang attribute
Mode: light
<html>
XPath: html
1 Moderate axe landmark-unique
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div id="faq-answer-0" class="overflow-hidden" role="region" aria-labelledby="faq-question-0" style="height:0px;opacity:0">
XPath: #faq-answer-0
1 Moderate axe SC 4.1.2 A Visual Motor Cognitive nested-interactive
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Interactive controls must not be nested
Mode: light
<div class="absolute inset-0 z-40 flex cursor-pointer items-center justify-center" role="button" tabindex="0" aria-label="Play Genesis Mission announcement video">
XPath: .z-40
1 Critical axe SC 4.1.2 A Visual Motor Cognitive label: Ensures every form input has an associated label. Without labels, screen reader users cannot understand what information a form field requires.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Form elements must have labels
Mode: light
<input type="text" name="keywords" class="usa-input" value="" data-once="searchSuggestion">
XPath: input
1 Critical axe SC 1.1.1 A Visual image-alt: Ensures every <img> element has alternative text. Without alt text, blind users receive no information about the image's meaning or purpose.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans

Examples

Example 1 View on Page
Images must have alternative text
Mode: light
<img class="leaflet-tile leaflet-tile-loaded" src="https://a.tiles.mapbox.com/styles/v1/energy/cll411cfu006v01qlevja70n1/tiles/3/1/2?access_token=pk.eyJ1IjoiZW5lcmd5IiwiYSI6IkozTG9BZDQifQ.1WKh4U0kKCdknF3gxBOF7Q" style="height: 512px; width: 512px; left: 180px; top: -219px;">
XPath: iframe[width="100%"]

🔧 Most Common Issues (AccessLint)

15 rules
109 Moderate accesslint distinguishable/color-contrast
29 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Insufficient color contrast ratio of 1.08:1 (required 4.5:1).
Mode: light
<span>Home</span>
XPath: a[href="/"] > span
Example 2 View on Page
Insufficient color contrast ratio of 1.08:1 (required 4.5:1).
Mode: light
<span>Funding Opportunities</span>
XPath: li:nth-of-type(2) > a[href="/funding-opportunities"] > span
Example 3 View on Page
Insufficient color contrast ratio of 1.08:1 (required 4.5:1).
Mode: light
<span>Funding Opportunities By Office</span>
XPath: li:nth-of-type(3) > span
Example 4 View on Page
Insufficient color contrast ratio of 1.08:1 (required 4.5:1).
Mode: light
<span>Grid Deployment Office</span>
XPath: li:nth-of-type(4) > span
Example 5 View on Page
Insufficient color contrast ratio of 1.08:1 (required 4.5:1).
Mode: light
<span>Energy.gov</span>
XPath: a[href="/"] > span
53 Moderate accesslint labels-and-names/label-content-mismatch
9 pages affected

Examples

Example 1 View on Page
Accessible name "Wholesale Electricity Market Studies and Engagement Program" does not contain visible text "Selections".
Mode: light
<a href="/oe/wholesale-electricity-market-studies-and-engagement-program" data-entity-type="node" data-entity-uuid="74e16a08-5cac-42fc-a6f9-6b74fd98ce7f" data-entity-substitution="canonical" title="Wh...
XPath: tr:nth-of-type(5) > td:nth-of-type(2) > a[href="/oe/wholesale-electricity-market-studies-and-engagement-program"]
Example 2 View on Page
Accessible name "Transmission Acceleration Grants (TAG) Program" does not contain visible text "Partnership Intermediary Agreement".
Mode: light
<a href="/oe/transmission-acceleration-grants-tag-program" data-entity-type="node" data-entity-uuid="f5bdc235-8b5a-4143-a90f-715348d46534" data-entity-substitution="canonical" title="Transmission Acce...
XPath: td:nth-of-type(2) > a[href="/oe/transmission-acceleration-grants-tag-program"]
Example 3 View on Page
Accessible name "Grid Resilience State and Tribal Formula Grant Awards" does not contain visible text "Selections".
Mode: light
<a href="/oe/grid-resilience-state-and-tribal-formula-grant-awards" data-entity-type="node" data-entity-uuid="e2b5f8db-92ee-4f8b-8f49-4979676defd5" data-entity-substitution="canonical" title="Grid Res...
XPath: td:nth-of-type(2) > a[href="/oe/grid-resilience-state-and-tribal-formula-grant-awards"]
Example 4 View on Page
Accessible name "Grid Resilience and Innovation Partnerships (GRIP) Program Projects" does not contain visible text "Selections".
Mode: light
<a href="/oe/grid-resilience-and-innovation-partnerships-grip-program-projects" data-entity-type="node" data-entity-uuid="bf32f4fb-965c-4f16-8b38-3e741b1c8a8d" data-entity-substitution="canonical" tit...
XPath: tr:nth-of-type(8) > td:nth-of-type(2) > a[href="/oe/grid-resilience-and-innovation-partnerships-grip-program-projects"]
Example 5 View on Page
Accessible name "Grid Resilience and Innovation Partnerships (GRIP) Program Projects" does not contain visible text "Selections".
Mode: light
<a href="/oe/grid-resilience-and-innovation-partnerships-grip-program-projects" data-entity-type="node" data-entity-uuid="bf32f4fb-965c-4f16-8b38-3e741b1c8a8d" data-entity-substitution="canonical" tit...
XPath: tr:nth-of-type(9) > td:nth-of-type(2) > a[href="/oe/grid-resilience-and-innovation-partnerships-grip-program-projects"]
37 Moderate accesslint landmarks/region
33 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 id="skip-link-container"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> </div>
XPath: #skip-link-container
Example 2 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="skip-link-container"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> </div>
XPath: #skip-link-container
Example 3 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="skip-link-container"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> </div>
XPath: #skip-link-container
Example 4 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="skip-link-container"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> </div>
XPath: #skip-link-container
Example 5 View on Page
Content is not contained within a landmark region.
Mode: light
<div id="skip-link-container"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> </div>
XPath: #skip-link-container
12 Moderate accesslint keyboard-accessible/focus-order
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Non-interactive <th> with tabindex="0" has no interactive role.
Mode: light
<th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Program: activate to sort column descending">Program</th>
XPath: tr:nth-of-type(2) > th[aria-label="Program: activate to sort column descending"]
Example 2 View on Page
Non-interactive <th> with tabindex="0" has no interactive role.
Mode: light
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Paid: activate to sort column ascending">Paid</th>
XPath: tr:nth-of-type(2) > th[aria-label="Paid: activate to sort column ascending"]
Example 3 View on Page
Non-interactive <th> with tabindex="0" has no interactive role.
Mode: light
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Academic Disciplines: activate to sort column ascending">Academic Disciplines</th>
XPath: tr:nth-of-type(2) > th[aria-label="Academic Disciplines: activate to sort column ascending"]
Example 4 View on Page
Non-interactive <th> with tabindex="0" has no interactive role.
Mode: light
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Housing/Transportation: activate to sort column ascending">Housing/Transportation</th>
XPath: tr:nth-of-type(2) > th[aria-label="Housing/Transportation: activate to sort column ascending"]
Example 5 View on Page
Non-interactive <th> with tabindex="0" has no interactive role.
Mode: light
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Availability: activate to sort column ascending">Availability</th>
XPath: tr:nth-of-type(2) > th[aria-label="Availability: activate to sort column ascending"]
8 Moderate accesslint navigable/heading-order
7 pages affected

Examples

Example 1 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3><a href="/cfo/listings/budget-justification-supporting-documents" data-once="links">More Budget Requests</a></h3>
XPath: div:nth-of-type(1) > div > h3
Example 2 View on Page
Heading level 4 skipped from level 2. Use h3 instead.
Mode: light
<h4><a aria-label="Read more about More Annual Performance Reports" href="/cfo/listings/annual-performance-reports" title="Read more about More Annual Performance Reports" data-once="links">More Annua...
XPath: div > h4
Example 3 View on Page
Heading level 4 skipped from level 2. Use h3 instead.
Mode: light
<h4>CUSTOMER SERVICE</h4>
XPath: div:nth-of-type(1) > div > div > h4:nth-of-type(1)
Example 4 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3>Media Inquiries:</h3>
XPath: div:nth-of-type(1) > h3
Example 5 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light
<h3><strong>PRESIDENT TRUMP ANNOUNCES A HISTORIC US-VENEZUELA ENERGY DEAL TO SAFEGUARD AMERICA</strong></h3>
XPath: div > div > h3:nth-of-type(1)
7 Moderate accesslint text-alternatives/image-alt-words
4 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Alt text "Photo of a large bronze statue of the DOE seal, located inside DOE Headquarters in Washington, D.C." starts with redundant prefix "photo".
Mode: light
<img loading="lazy" src="/sites/default/files/styles/full_article_width/public/2024-11/DOE-Seal-DSP_4839.jpg?itok=TEg5RqsM" width="1350" height="900" alt="Photo of a large bronze statue of the DOE sea...
XPath: section:nth-of-type(3) > div > div > div > div > div > div > div > div > div:nth-of-type(1) > div > div > div > img
Example 2 View on Page
Alt text "Photo of the Z Machine, part of the Pulsed Power Program, at Sandia National Lab. The room is dark and the machine is glowing blue and purple, with reddish/pink wires everwhere." starts with redundant prefix "photo".
Mode: light
<img loading="lazy" src="/sites/default/files/styles/full_article_width/public/2024-11/NNSA-option%202.jpg?itok=UJImEbs7" width="1350" height="892" alt="Photo of the Z Machine, part of the Pulsed Powe...
XPath: section:nth-of-type(9) > div > div > div > div > div > div > div > div > div:nth-of-type(1) > div > div > div > img
Example 3 View on Page
Alt text "Photo of President JFK signing the Limited Nuclear Test Ban Treaty in 1963. It is a color photo; Kennedy is seated at a table signing the ban, surrounded by a group of men in suits." starts with redundant prefix "photo".
Mode: light
<img loading="lazy" src="/sites/default/files/styles/full_article_width/public/2024-11/Kennedy%20Nuclear%20Test%20Ban%20Treaty.jpg?itok=IuqjLipU" width="1350" height="1233" alt="Photo of President JFK...
XPath: #energy-accordion-4 > div > div > div:nth-of-type(1) > div > div > div > img
Example 4 View on Page
Alt text "Photo of Secretary of the Interior Sally Jewell and Secretary Ernest Moniz signing a memorandum establishing the Manhattan Project National Historical Park." starts with redundant prefix "photo".
Mode: light
<img loading="lazy" src="/sites/default/files/styles/full_article_width/public/2024-11/Moniz%20Manhattan%20Project%20National%20Park%20Signing.jpg?itok=VZKFnEzZ" width="1350" height="626" alt="Photo o...
XPath: #energy-accordion-9 > div > div > div:nth-of-type(1) > div > div > div > img
Example 5 View on Page
Alt text "Photo of outer space" starts with redundant prefix "photo".
Mode: light
<img loading="lazy" src="/sites/default/files/styles/collection_tall/public/2024-11/Outer%20space_0.jpeg?itok=XSEb9hPu" width="500" height="800" alt="Photo of outer space" typeof="foaf:Image">
XPath: li:nth-of-type(3) > article > div > div:nth-of-type(1) > div > img
5 Moderate accesslint aria/aria-allowed-role
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Role "group" is not allowed on element <li>.
Mode: light
<li class="field__item splide__slide is-active is-visible" id="main-carousel-slide01" role="group" aria-roledescription="slide" aria-label="1 of 4" style="width: calc(100%);"> <div class="paragraph ...
XPath: #main-carousel-slide01
Example 2 View on Page
Role "button" is not allowed on element <li>.
Mode: light
<li class="splide__slide is-active is-visible" id="thumbnail-carousel-slide01" role="button" aria-label="Go to slide 1" aria-current="true" tabindex="0" aria-controls="main-carousel-slide01"> ...
XPath: #thumbnail-carousel-slide01
Example 3 View on Page
Role "button" is not allowed on element <li>.
Mode: light
<li class="splide__slide is-visible is-next" id="thumbnail-carousel-slide02" role="button" aria-label="Go to slide 2" tabindex="0" aria-controls="main-carousel-slide02"> <div class="thumbn...
XPath: #thumbnail-carousel-slide02
Example 4 View on Page
Role "button" is not allowed on element <li>.
Mode: light
<li class="splide__slide is-visible" id="thumbnail-carousel-slide03" role="button" aria-label="Go to slide 3" tabindex="0" aria-controls="main-carousel-slide03"> <div class="thumbnail-circ...
XPath: #thumbnail-carousel-slide03
Example 5 View on Page
Role "button" is not allowed on element <li>.
Mode: light
<li class="splide__slide is-visible" id="thumbnail-carousel-slide04" role="button" aria-label="Go to slide 4" tabindex="0" aria-controls="main-carousel-slide04"> <div class="thumbnail-circ...
XPath: #thumbnail-carousel-slide04
3 Moderate accesslint landmarks/landmark-main
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page has no main landmark.
Mode: light
<html>
XPath: html
Example 2 View on Page
Page has no main landmark.
Mode: light
<html>
XPath: html
Example 3 View on Page
Page has no main landmark.
Mode: light
<html>
XPath: html
2 Moderate accesslint aria/aria-hidden-focus
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<iframe src="https://customer-29f0fiy60aiz1fqm.cloudflarestream.com/0df9da0f6e9cb5191543ae3fb105a4e6/iframe?muted=true&amp;loop=true&amp;autoplay=true&amp;controls=false&amp;preload=auto&amp;letterbox...
XPath: div:nth-of-type(1) > iframe
Example 2 View on Page
Focusable element is inside an aria-hidden region.
Mode: light
<iframe src="https://customer-29f0fiy60aiz1fqm.cloudflarestream.com/0df9da0f6e9cb5191543ae3fb105a4e6/iframe?muted=true&amp;loop=true&amp;autoplay=true&amp;controls=false&amp;preload=auto&amp;letterbox...
XPath: div:nth-of-type(2) > iframe
2 Moderate accesslint readable/html-has-lang
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
<html> element missing lang attribute.
Mode: light
<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>ERROR: The request could not be satisfied</title> <script type="text/javascript">var AccessLint=(function(y)...
XPath: html
Example 2 View on Page
<html> element missing lang attribute.
Mode: light
<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>ERROR: The request could not be satisfied</title> <script type="text/javascript">var AccessLint=(function(y)...
XPath: html
1 Moderate accesslint time-based-media/video-captions
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Video element has no captions track.
Mode: light
<video src="https://customer-29f0fiy60aiz1fqm.cloudflarestream.com/917da2f3f8363ce419cf1a5c3e07334b/manifest/video.m3u8" class="pointer-events-none absolute inset-0 opacity-0 [&amp;:fullscreen]:opacit...
XPath: div:nth-of-type(1) > video[aria-label="Genesis announcement video for mobile fullscreen playback"]
1 Moderate accesslint aria/presentational-children-focusable
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Focusable element inside a "button" role whose children are presentational.
Mode: light
<button type="button" class="flex items-center justify-between transition-transform hover:scale-105" style="width:276px;padding:8px 8px 8px 24px;border-radius:48px;border:1px solid rgba(250, 250, 250,...
XPath: div[aria-label="Play Genesis Mission announcement video"] > button[aria-label="Play Genesis Announcement video"]
1 Moderate accesslint adaptable/td-has-header
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Data cell has no associated header. Add th elements with scope, or headers attribute.
Mode: light
<td class="dtr-control sorting_1" tabindex="0">Apprenticeship Program</td>
XPath: tr:nth-of-type(1) > td:nth-of-type(1)
1 Moderate accesslint labels-and-names/form-label
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form element has no accessible label.
Mode: light
<input type="text" name="keywords" class="usa-input" value="" data-once="searchSuggestion">
XPath: div > input[name="keywords"]