Accessibility Scan Report

Title: Energy.gov Issue: #61 Date: 4/14/2026, 1:06:43 AM Duration: 3.0m URLs: 69 / 69 ⚡ Reduced Motion: 19 / 69 URLs🖥️ Forced Colors: 19 / 69 URLs

Summary

Issues

  • By Level: A (10), AA (0)
  • By Version (A & AA): WCAG 2.0 (10)
  • By Category: axe-strict (22) & Others (458)
  • Total: 480 across 30 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.

🔧 Most Common Issues (axe)

5 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><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>Media Inquiries:</h3>
XPath: .group-section__item--start > h3
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
4 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
4 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/041232d8/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\35 07039808
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/ee507a59/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\36 75383865
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-large-width-mode" tabindex="" id="movie_player" data-version="/s/player/041232d8/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\35 8082541
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/041232d8/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\32 79335217
1 Moderate axe presentation-role-conflict
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Elements marked as presentational should be consistently ignored
Mode: light
<iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-4jw1288kpxya" frameborder="0" scrolling="no" sandbox="allow-forms allow-po..." src="https://www.google.c..." aria-label="Contact Us iframe 1">
XPath: iframe[title="reCAPTCHA"]

🔧 Most Common Issues (Equal Access)

25 rules
75 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
19 pages affected

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" id="header" class="usa-header usa-header--extended usa-header--extended-megamenu">
Example 2 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main tabindex="-1" role="main" id="main-content" class="main-content usa-layout-docs usa-section node-type--homepage">
Example 3 View on Page
The explicitly-assigned ARIA role "contentinfo" is redundant with the implicit role of the element <footer>
Mode: light
<footer role="contentinfo" class="usa-footer usa-footer--medium">
Example 4 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light
<header role="banner" id="header" class="usa-header usa-header--extended usa-header--extended-megamenu">
Example 5 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main tabindex="-1" role="main" id="main-content" class="main-content usa-layout-docs usa-section node-type--page">
65 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
19 pages affected

Examples

Example 1 View on Page
Confirm this text 'April 9, 2026' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="collection-item__date p2">
Example 2 View on Page
Confirm this text 'Power Marketing Administrations' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="field field--string field--field_short_title field field--name-field-short-title field--type-string field--label-hidden field__item">
Example 3 View on Page
Confirm this text 'Stay Connected' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="field field--string field--field_paragraph_heading field field--name-field-paragraph-heading field--type-string field--label-hidden field__item">
Example 4 View on Page
Confirm this text 'Follow Us' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="footer-heading">
Example 5 View on Page
Confirm this text 'Follow Us' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="footer-heading">
47 Moderate equalAccess input_label_visible: An input element must have an associated visible label
19 pages affected

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Main Menu" type="button" class="usa-menu-btn megamenu-mobile-btn" id="megamenu-hamburger-btn">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="search" aria-controls="search-nav" aria-expanded="false" class="search usa-accordion__button usa-current" id="megamenu-search-btn-mobile" type="button">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-controls="thumbnail-carousel-track" aria-label="Go to last slide" class="splide__arrow splide__arrow--prev">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Pause autoplay" aria-controls="thumbnail-carousel-track" type="button" class="splide__toggle is-active">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-controls="thumbnail-carousel-track" aria-label="Next slide" class="splide__arrow splide__arrow--next">
46 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
19 pages affected

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 class="visually-hidden focusable skip-link" href="#main-content">
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 class="visually-hidden focusable skip-link" href="#main-content">
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="links" class="usa-breadcrumb__link" href="/">
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 data-once="links" class="usa-breadcrumb__link" href="/funding-opportunities">
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 class="visually-hidden focusable skip-link" href="#main-content">
45 Moderate equalAccess label_name_visible: The label text for an element must be visible
8 pages affected

Examples

Example 1 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a data-once="links" aria-label="Wholesale Electricity Market Studies and Engagement Program" title="Wholesale Electricity Market Studies and Engagement Program" data-entity-substitution="canonical" data-entity-uuid="74e16a08-5cac-42fc-a6f9-6b74fd98ce7f" data-entity-type="node" href="/oe/wholesale-electricity-market-studies-and-engagement-program">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a data-once="links" aria-label="Transmission Acceleration Grants (TAG) Program" title="Transmission Acceleration Grants (TAG) Program" data-entity-substitution="canonical" data-entity-uuid="f5bdc235-8b5a-4143-a90f-715348d46534" data-entity-type="node" href="/oe/transmission-acceleration-grants-tag-program">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a data-once="links" aria-label="Grid Resilience State and Tribal Formula Grant Awards" title="Grid Resilience State and Tribal Formula Grant Awards" data-entity-substitution="canonical" data-entity-uuid="e2b5f8db-92ee-4f8b-8f49-4979676defd5" data-entity-type="node" href="/oe/grid-resilience-state-and-tribal-formula-grant-awards">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a data-once="links" aria-label="Grid Resilience and Innovation Partnerships (GRIP) Program Projects" title="Grid Resilience and Innovation Partnerships (GRIP) Program Projects" data-entity-substitution="canonical" data-entity-uuid="bf32f4fb-965c-4f16-8b38-3e741b1c8a8d" data-entity-type="node" href="/oe/grid-resilience-and-innovation-partnerships-grip-program-projects">
Example 5 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a data-once="links" aria-label="Civil Nuclear Credit Award Cycle 3" title="Civil Nuclear Credit Award Cycle 3" data-entity-substitution="canonical" data-entity-uuid="5fe41c74-540a-4773-8099-372a49d2645e" data-entity-type="node" href="/oe/civil-nuclear-credit-award-cycle-3">
37 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
19 pages affected

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 72px and weight of 700
Mode: light
<h2>
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 20px and weight of 700
Mode: light
<p>
Example 3 View on Page
Text contrast of 1.08 with its background is less than the WCAG AA minimum requirements for text of size 15.6816px and weight of 400
Mode: light
<span>
Example 4 View on Page
Text contrast of 1.08 with its background is less than the WCAG AA minimum requirements for text of size 55.1232px and weight of 800
Mode: light
<span class="field field--string field--title" property="schema:name">
Example 5 View on Page
Text contrast of 1.08 with its background is less than the WCAG AA minimum requirements for text of size 15.6816px and weight of 400
Mode: light
<span>
21 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
5 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
<button aria-controls="thumbnail-carousel-track" aria-label="Go to last slide" class="splide__arrow splide__arrow--prev">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-label="Pause autoplay" aria-controls="thumbnail-carousel-track" type="button" class="splide__toggle is-active">
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="thumbnail-carousel-track" aria-label="Next slide" class="splide__arrow splide__arrow--next">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input aria-required="true" required="required" class="form-email required usa-input" maxlength="254" size="60" value="" name="email" id="edit-email" type="email" data-drupal-selector="edit-email" title="Email address">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="" data-once="links" class="chosen-single">
19 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
19 pages affected

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style type="text/css">
19 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
19 pages affected

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style type="text/css">
19 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
19 pages affected

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light
<a class="visually-hidden focusable skip-link" href="#main-content">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<a class="visually-hidden focusable skip-link" href="#main-content">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a class="visually-hidden focusable skip-link" href="#main-content">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<a class="visually-hidden focusable skip-link" href="#main-content">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a class="visually-hidden focusable skip-link" href="#main-content">
10 Moderate equalAccess element_tabbable_role_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element's role 'columnheader' is not a widget role
Mode: light
<th aria-label="Program: activate to sort column descending" aria-sort="ascending" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" class="sorting sorting_asc">
Example 2 View on Page
The tabbable element's role 'columnheader' is not a widget role
Mode: light
<th aria-label="Paid: activate to sort column ascending" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" class="sorting">
Example 3 View on Page
The tabbable element's role 'columnheader' is not a widget role
Mode: light
<th aria-label="Academic Disciplines: activate to sort column ascending" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" class="sorting">
Example 4 View on Page
The tabbable element's role 'columnheader' is not a widget role
Mode: light
<th aria-label="Housing/Transportation: activate to sort column ascending" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" class="sorting">
Example 5 View on Page
The tabbable element's role 'columnheader' is not a widget role
Mode: light
<th aria-label="Availability: activate to sort column ascending" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" class="sorting">
8 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
7 pages affected

Examples

Example 1 View on Page
The HTML attribute(s) "frameborder" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe data-gtm-yt-inspected-35="true" data-gtm-yt-inspected-44314647_67="true" data-gtm-yt-inspected-20="true" id="556644201" data-gtm-yt-inspected-8="true" src="https://www.youtube.com/embed/Jon_mN4_yzM?autoplay=0&start=0&rel=0&mute=1&enablejsapi=1&origin=https%3A%2F%2Fwww.energy.gov" aria-label="Genesis Mission video" title="Genesis Mission video YouTube embed" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="allowfullscreen" frameborder="0" height="480" width="854">
Example 2 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==" http-equiv="origin-trial">
Example 3 View on Page
The HTML attribute(s) "frameborder, scrolling" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe aria-label="Contact Us iframe 1" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfCYFAUAAAAACsX_mpeDJfSQbZ5kJTZtXpF7el_&co=aHR0cHM6Ly93d3cuZW5lcmd5Lmdvdjo0NDM.&hl=en&type=image&v=kUYUkUlSyqkjTSMaN2w3RaOh&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=uvf1sx504541" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-gyep1lni9dyz" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 4 View on Page
The HTML attribute(s) "cellspacing" is deprecated for the <table> element in HTML 5
Mode: light
<table aria-describedby="DataTables_Table_0_info" id="DataTables_Table_0" data-order="[["0","asc"]]" data-page-length="10" cellspacing="0" class="datatable-table datatable-table--sortable display dataTable no-footer dtr-inline collapsed">
Example 5 View on Page
The HTML attribute(s) "frameborder" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe data-gtm-yt-inspected-32="true" data-gtm-yt-inspected-44314647_67="true" data-gtm-yt-inspected-17="true" id="922627077" data-gtm-yt-inspected-8="true" src="https://www.youtube.com/embed/Vmke_h2MCpU?autoplay=0&start=0&rel=0&mute=1&enablejsapi=1&origin=https%3A%2F%2Fwww.energy.gov" aria-label=" One Year In: Unleashing American Energy Dominance" title=" One Year In: Unleashing American Energy Dominance" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="allowfullscreen" frameborder="0" height="480" width="854">
7 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
6 pages affected

Examples

Example 1 View on Page
Confirm the word(s) 'lower' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 2 View on Page
Confirm the word(s) 'Below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 3 View on Page
Confirm the word(s) 'lower' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'largest'
Mode: light
<p>
Example 5 View on Page
Confirm the word(s) 'lower' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
7 Moderate equalAccess aria_attribute_redundant: ARIA role or attribute is redundant with the native role and attributes
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="required" class="form-email required usa-input" maxlength="254" size="60" value="" name="email" id="edit-email" type="email" data-drupal-selector="edit-email" title="Email address">
Example 2 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="required" class="form-text required usa-input" maxlength="255" size="60" value="" name="subject" id="edit-subject" type="text" data-drupal-selector="edit-subject">
Example 3 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<textarea aria-required="true" required="required" class="form-textarea required usa-textarea resize-vertical" cols="60" rows="5" name="message" id="edit-message" data-drupal-selector="edit-message">
Example 4 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="required" class="form-text required usa-input" maxlength="255" size="60" value="" name="first_name" id="edit-first-name" type="text" data-drupal-selector="edit-first-name">
Example 5 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="required" class="form-email required usa-input" maxlength="254" size="60" value="" name="email_address" id="edit-email-address" type="email" data-drupal-selector="edit-email-address">
6 Moderate equalAccess a_text_purpose: Link text must identify the purpose of the link
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a rel="noopener nofollow noreferrer" target="_blank" data-extlink="" data-once="links" aria-label=" " class="usa-button usa-button--blue ext" href="https://www.facebook.com/NNSANews/">
Example 2 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a rel="noopener nofollow noreferrer" target="_blank" data-extlink="" data-once="links" aria-label=" " class="usa-button usa-button--blue ext" href="https://www.instagram.com/nnsanews/">
Example 3 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a rel="noopener nofollow noreferrer" target="_blank" data-extlink="" data-once="links" aria-label=" " class="usa-button usa-button--blue ext" href="https://www.linkedin.com/company/national-nuclear-security-administration/posts/?feedView=articles">
Example 4 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a rel="noopener nofollow noreferrer" target="_blank" data-extlink="" data-once="links" aria-label=" " class="usa-button usa-button--blue ext" href="https://www.youtube.com/nnsanews">
Example 5 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a rel="noopener nofollow noreferrer" target="_blank" data-extlink="" data-once="links" aria-label=" " class="usa-button usa-button--blue ext" href="https://www.x.com/NNSANews">
5 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
5 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 data-gtm-yt-inspected-35="true" data-gtm-yt-inspected-44314647_67="true" data-gtm-yt-inspected-20="true" id="556644201" data-gtm-yt-inspected-8="true" src="https://www.youtube.com/embed/Jon_mN4_yzM?autoplay=0&start=0&rel=0&mute=1&enablejsapi=1&origin=https%3A%2F%2Fwww.energy.gov" aria-label="Genesis Mission video" title="Genesis Mission video YouTube embed" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="allowfullscreen" frameborder="0" height="480" width="854">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe aria-label="Contact Us iframe 1" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfCYFAUAAAAACsX_mpeDJfSQbZ5kJTZtXpF7el_&co=aHR0cHM6Ly93d3cuZW5lcmd5Lmdvdjo0NDM.&hl=en&type=image&v=kUYUkUlSyqkjTSMaN2w3RaOh&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=uvf1sx504541" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-gyep1lni9dyz" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-gtm-yt-inspected-32="true" data-gtm-yt-inspected-44314647_67="true" data-gtm-yt-inspected-17="true" id="922627077" data-gtm-yt-inspected-8="true" src="https://www.youtube.com/embed/Vmke_h2MCpU?autoplay=0&start=0&rel=0&mute=1&enablejsapi=1&origin=https%3A%2F%2Fwww.energy.gov" aria-label=" One Year In: Unleashing American Energy Dominance" title=" One Year In: Unleashing American Energy Dominance" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="allowfullscreen" frameborder="0" height="480" width="854">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-gtm-yt-inspected-35="true" data-gtm-yt-inspected-44314647_67="true" data-gtm-yt-inspected-17="true" id="939921081" data-gtm-yt-inspected-8="true" src="https://www.youtube.com/embed/3gX3jNUa22s?autoplay=0&start=0&rel=0&mute=1&enablejsapi=1&origin=https%3A%2F%2Fwww.energy.gov" aria-label="Investing in America: A Future Forged of Steel " title="A Future Forged of Steel " referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="allowfullscreen" frameborder="0" height="480" width="854">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-gtm-yt-inspected-35="true" data-gtm-yt-inspected-27="true" data-gtm-yt-inspected-44314647_67="true" id="543919635" data-gtm-yt-inspected-8="true" src="https://www.youtube.com/embed/1sT9RFGIP6o?autoplay=0&start=0&rel=0&mute=1&enablejsapi=1&origin=https%3A%2F%2Fwww.energy.gov" aria-label="In this video, learn about Colusa Indian Community Council’s expansion of the electric distribution line to power more Tribal homes. The project was co-funded by the U.S. Department of Energy (DOE) Office of Indian Energy. " title="Colusa Indian Community Council Tribal Electrification Expansion Project" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="allowfullscreen" frameborder="0" height="480" width="854">
3 Moderate equalAccess label_ref_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The value "edit-category" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label id="edit-category-chosen-label-0" class="usa-input-required usa-label control-label js-form-required form-required" for="edit-category">
Example 2 View on Page
The value "edit-affiliation" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label id="edit-affiliation-chosen-label-0" class="usa-input-required usa-label control-label js-form-required form-required" for="edit-affiliation">
Example 3 View on Page
The value "edit-reply" of the 'for' attribute is not the 'id' of a valid element
Mode: light
<label class="usa-input-required usa-label control-label js-form-required form-required" for="edit-reply">
2 Moderate equalAccess style_background_decorative
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
Example 2 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
2 Moderate equalAccess aria_attribute_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA attributes "aria-label" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-label="Show options">
Example 2 View on Page
The ARIA attributes "aria-label" are not valid for the element <iframe> with ARIA role "presentation"
Mode: light
<iframe aria-label="Contact Us iframe 1" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfCYFAUAAAAACsX_mpeDJfSQbZ5kJTZtXpF7el_&co=aHR0cHM6Ly93d3cuZW5lcmd5Lmdvdjo0NDM.&hl=en&type=image&v=kUYUkUlSyqkjTSMaN2w3RaOh&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=uvf1sx504541" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-gyep1lni9dyz" role="presentation" height="78" width="304" title="reCAPTCHA">
2 Moderate equalAccess input_checkboxes_grouped
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Radio input and others with the name "reply" are not grouped together
Mode: light
<input class="form-radio usa-radio__input" checked="checked" value="no" name="reply" id="edit-reply-no" type="radio" data-drupal-selector="edit-reply-no">
Example 2 View on Page
Radio input and others with the name "reply" are not grouped together
Mode: light
<input class="form-radio usa-radio__input" value="yes" name="reply" id="edit-reply-yes" type="radio" data-drupal-selector="edit-reply-yes">
2 Moderate equalAccess widget_tabbable_single
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Component with "link" role has more than one tabbable element
Mode: light
<a data-once="links" aria-label="Open Funding Opportunities " href="/hgeo/hgeo-solicitations-and-business-opportunities#funding">
Example 2 View on Page
Component with "link" role has more than one tabbable element
Mode: light
<a data-once="links" aria-label="All Funding Opportunities " href="/fecm/past-and-current-funding">
1 Moderate equalAccess list_markup_review
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

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>
1 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
1 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
<input class="form-radio usa-radio__input" checked="checked" value="no" name="reply" id="edit-reply-no" type="radio" data-drupal-selector="edit-reply-no">
1 Moderate equalAccess aria_child_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "row" does not own any child element with any of the following role(s): "cell, columnheader, gridcell, rowheader"
Mode: light
<tr>