Accessibility Scan Report

Title: NSF.gov — Issue: #169 Date: 3/16/2026, 5:26:14 PM Duration: 20.8m URLs: 123 / 123 🌙 Dark Mode: 41 / 123 URLs🖥️ Forced Colors: 51 / 123 URLs

Summary

Issues

  • By Level: A (4), AA (803), AAA (123)
  • By Version (A & AA): WCAG 2.0 (7), WCAG 2.2 (800)
  • By Category: axe-strict (263) & Best Practice (2) & Others (2041)
  • Total: 2306 across 44 unique rules & 3 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 Unique Total Unique
View Page Codebook - NSF by the Numbers | NSF - U.S. National Science Foundation 64
View Page History - About NSF | NSF - U.S. National Science Foundation 55
View Page Responses to Congressional Wastebooks - NSF and Congress | NSF - U.S. National Science Foundation 50
View Page Evaluation and Assessment Capability (OIA/EAC) | NSF - U.S. National Science Foundation 48
View Page Office of the Director (OD) | NSF - U.S. National Science Foundation 48
View Page NSF - U.S. National Science Foundation 46
View Page Astronomers find a remarkably small and distant galaxy | NSF - U.S. National Science Foundation 45
View Page Researchers Find Trigger for Devastating Digestive Disease and Propose a Possible Treatment | NSF - U.S. National Science Foundation 44
View Page NSF provides scholarships for service to support urgent need for cybersecurity professionals | NSF - U.S. National Science Foundation 43
View Page Biomedical engineers find imaging technique could become treatment for deep vein thrombosis | NSF - U.S. National Science Foundation 43

🔧 Most Common Issues (ALFA)

13 rules
800 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
52 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 type="button" class="usa-accordion__button usa-nav__link " aria-expanded="false" aria-controls="basic-mega-nav-section-1">...</button>
XPath: /button[@class="usa-accordion__button usa-nav__link "]
Example 2 View on Page
Target has insufficient size
Mode: light
<a class="credit__link" href="#image-caption-credit-block"> View image credit & caption</a>
XPath: /a[@class="credit__link"]
Example 3 View on Page
Target has insufficient size
Mode: light
<a href="/funding/opportunities">Search for Funding</a>
XPath: /a
Example 4 View on Page
Target has insufficient size
Mode: light
<a href="/focus-areas" title="Explore what we support" class="link-button usa-button usa-button--outline "> Explore what we support </a>
XPath: /a[@class="link-button usa-button usa-button--outline "]
Example 5 View on Page
Target has insufficient size
Mode: light
<button id="fba-button" data-id="f0b5f6ee" class="fba-button fixed-tab-button usa-button fba-initialized" name="fba-button" aria-label="Provide feedback" aria-haspopup="dialog" aria-controls="fba-modal-f0b5f6ee" data-open-modal="" data-once="tpfeedbackButton">Feedback</button>
XPath: /button[@id="fba-button"]
123 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
123 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 6.72: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 6.04: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.04: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 6.04: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 6.04:1 which is below the required contrast of 7:1
Mode: light
52 Moderate alfa SIA-R57: Landmarks don't repeat the same content
52 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text is not included in a landmark region
Mode: light
Example 2 View on Page
The text is not included in a landmark region
Mode: light
Example 3 View on Page
The text is not included in a landmark region
Mode: light
Example 4 View on Page
The text is not included in a landmark region
Mode: light
Example 5 View on Page
The text is not included in a landmark region
Mode: light
4 Critical alfa SC 1.1.1 A Visual SIA-R14: Images have an accessible name or are decorative
4 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
<button class="usa-button" type="submit" aria-label="Subscribe">Go</button>
XPath: /button[@class="usa-button"]
Example 2 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button class="usa-button" type="submit" aria-label="Subscribe">Go</button>
XPath: /button[@class="usa-button"]
Example 3 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button class="usa-button" type="submit" aria-label="Subscribe">Go</button>
XPath: /button[@class="usa-button"]
Example 4 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button class="usa-button" type="submit" aria-label="Subscribe">Go</button>
XPath: /button[@class="usa-button"]
3 Moderate alfa SIA-R85:
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The text of the paragraph is all italic
Mode: light
<p>This report contains current information that may ...</p>
XPath: /p
Example 2 View on Page
The text of the paragraph is all italic
Mode: light
<p>This report contains archived data that may be of ...</p>
XPath: /p
Example 3 View on Page
The text of the paragraph is all italic
Mode: light
<p> This document contains informatio...</p>
XPath: /p
3 Moderate alfa SIA-R61:
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

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

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
There is no content between this heading and the next
Mode: light
<h3> </h3>
XPath: /h3
Example 2 View on Page
There is no content between this heading and the next
Mode: light
<h2> </h2>
XPath: /h2
Example 3 View on Page
There is no content between this heading and the next
Mode: light
<h2 id="keep-exploring-ee5" class="text__title">Keep exploring</h2>
XPath: /h2[@id="keep-exploring-ee5"]
2 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
2 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
<h4>Funding Rate</h4>
XPath: /h4
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h4>...</h4>
XPath: /h4
2 Moderate alfa SIA-R64:
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The heading does not have an accessible name
Mode: light
<h3> </h3>
XPath: /h3
Example 2 View on Page
The heading does not have an accessible name
Mode: light
<h2>...</h2>
XPath: /h2
1 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p>NSF's Fiscal Year 2024 enacted budget</p>
XPath: /p
1 Moderate alfa SIA-R71:
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The text of the paragraph is justified
Mode: light
<p class="text-align-justify">Filters according to the institution type that has...</p>
XPath: /p[@class="text-align-justify"]
1 Moderate alfa SIA-R56: Landmarks with the same role are distinguishable
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Some `region` have the same name.
Mode: light
1 Serious alfa SC 1.4.3 AA Visual SIA-R69: Text has sufficient contrast with its background
1 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Affected Pages

Examples

Example 1 View on Page
The highest possible contrast of the text is 4.36:1 which is below the required contrast of 4.5:1
Mode: light

🔧 Most Common Issues (axe)

6 rules
171 Moderate axe region:
51 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<div class="usa-footer__return-to-top" data-once="tpFeedbackRttWrapper"> <div class="usa-footer__return-to-top--inner" data-once="tpFeedbackRtt"> <a class="usa-button usa-button--secondary usa-button__link" href="#" tabindex="-1"><span class="arrow"></span>Top</a> </div> </div>
XPath: .usa-footer__return-to-top
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<div class="block block-nsf-custom block-nsf-print-block nsf-component"> <div class="print"> <a href="javascript:window.print()" class="print__link">Print<span class="visually-hidden"> this Page</span></a> </div> </div>
XPath: .block-nsf-custom
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="usa-footer__return-to-top" data-once="tpFeedbackRttWrapper"> <div class="usa-footer__return-to-top--inner" data-once="tpFeedbackRtt"> <a class="usa-button usa-button--secondary usa-button__link" href="#" tabindex="-1"><span class="arrow"></span>Top</a> </div> </div>
XPath: .usa-footer__return-to-top
Example 4 View on Page
All page content should be contained by landmarks
Mode: dark
<div class="block block-nsf-custom block-nsf-print-block nsf-component"> <div class="print"> <a href="javascript:window.print()" class="print__link">Print<span class="visually-hidden"> this Page</span></a> </div> </div>
XPath: .block-nsf-custom
Example 5 View on Page
All page content should be contained by landmarks
Mode: dark
<div class="usa-footer__return-to-top" data-once="tpFeedbackRttWrapper"> <div class="usa-footer__return-to-top--inner" data-once="tpFeedbackRtt"> <a class="usa-button usa-button--secondary usa-button__link" href="#" tabindex="-1"><span class="arrow"></span>Top</a> </div> </div>
XPath: .usa-footer__return-to-top
80 Moderate axe landmark-complementary-is-top-level:
42 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Aside should not be contained in another landmark
Mode: light
<aside aria-label="Image credits and captions" id="image-caption-credit-block" class="image-caption-credit-block usa-accordion usa-accordion--bordered">
XPath: #image-caption-credit-block
Example 2 View on Page
Aside should not be contained in another landmark
Mode: light
<aside class="node__sidebar tablet:grid-col-4">
XPath: aside
Example 3 View on Page
Aside should not be contained in another landmark
Mode: dark
<aside class="node__sidebar tablet:grid-col-4">
XPath: aside
Example 4 View on Page
Aside should not be contained in another landmark
Mode: light
<aside class="node__sidebar tablet:grid-col-4">
XPath: aside
Example 5 View on Page
Aside should not be contained in another landmark
Mode: dark
<aside class="node__sidebar tablet:grid-col-4">
XPath: aside
4 Moderate axe empty-heading:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Headings should not be empty
Mode: light
<h3>&nbsp;</h3>
XPath: h3:nth-child(15)
Example 2 View on Page
Headings should not be empty
Mode: light
<h2><a name="_INSTITUTION_PROFILE"></a></h2>
XPath: h2:nth-child(18)
Example 3 View on Page
Headings should not be empty
Mode: light
<h2>&nbsp;</h2>
XPath: h2:nth-child(23)
Example 4 View on Page
Headings should not be empty
Mode: light
<h3><a name="_tree-map"></a><a name="_Awards_by_Managing"></a></h3>
XPath: h3:nth-child(105)
4 Moderate axe heading-order:
2 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
<h4>Funding Rate</h4>
XPath: h4:nth-child(6)
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h4>Select Institution Name filter</h4>
XPath: h4:nth-child(16)
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h4>Institution Profile</h4>
XPath: h4:nth-child(20)
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h4><a href="https://nsf-gov-resources.nsf.gov/files/NSF-Response-to-Festivus-Report-2023-508c.pdf">Response to Senator Paul's "The Festivus Report 2023"</a></h4>
XPath: li:nth-child(1) > h4
2 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
<video-js class="vjs-fluid video-js v..." data-account="679256133001" data-embed="default" data-player="NkgrDczuol" data-usage="cms:drupal:10.5.6:3...." data-video-id="6094036238001" id="vjs_video_3" tabindex="-1" lang="en" translate="no" role="region" aria-label="Video Player">
XPath: #vjs_video_3
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: dark
<video-js class="vjs-fluid video-js v..." data-account="679256133001" data-embed="default" data-player="NkgrDczuol" data-usage="cms:drupal:10.5.6:3...." data-video-id="6094036238001" id="vjs_video_3" tabindex="-1" lang="en" translate="no" role="region" aria-label="Video Player">
XPath: #vjs_video_3
2 Serious axe SC 1.4.3 AA Visual color-contrast:
1 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Affected Pages

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="/news/releases?query=&amp;f%5B0%5D=group%3A8" title="More OD news" class="link-button usa-button usa-button--outline "> More OD news </a>
XPath: a[title="More OD news"]
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: dark
<a href="/news/releases?query=&amp;f%5B0%5D=group%3A8" title="More OD news" class="link-button usa-button usa-button--outline "> More OD news </a>
XPath: a[title="More OD news"]

🔧 Most Common Issues (Equal Access)

25 rules
162 Moderate equalAccess element_tabbable_unobscured:
51 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a data-once="getMainContentSkipLink" class="visually-hidden focusable skip-link" id="js-skiplink-main-content" href="#content-wrap">
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 id="tp-feedback-skip-link" class="visually-hidden focusable skip-link" href="#fba-button">
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 href="/about" class="link-button usa-button usa-button--big">
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 href="#image-caption-credit-block" class="credit__link">
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="link-button usa-button usa-button--gold " title="Sign up" href="https://service.govdelivery.com/accounts/USNSF/subscriber/new?qsp=823">
150 Moderate equalAccess aria_complementary_label_visible:
51 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<aside class="image-caption-credit-block usa-accordion usa-accordion--bordered" id="image-caption-credit-block" aria-label="Image credits and captions">
Example 2 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<div role="complementary" aria-label="Feedback button">
Example 3 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<aside class="layout__region--sidebar" aria-label="Sidebar">
Example 4 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<div role="complementary" aria-label="Feedback button">
Example 5 View on Page
Element with "complementary" role does not have a visible label
Mode: light
<div role="complementary" aria-label="Feedback button">
123 Moderate equalAccess style_highcontrast_visible:
123 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<html style="--touchpointsBtnTopBuffer: 633.671875px; --touchpointsBtnBottomBuffer: 6018.84375px;" data-once="media-ids heroVideoSwap" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="en">
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<html style="--touchpointsBtnTopBuffer: 230.078125px; --touchpointsBtnBottomBuffer: 1566.203125px;" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="en">
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<html style="--touchpointsBtnTopBuffer: 296.296875px; --touchpointsBtnBottomBuffer: 723.59375px;" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="en">
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<html style="--touchpointsBtnTopBuffer: 278.546875px; --touchpointsBtnBottomBuffer: 960.859375px;" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="en">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<html style="--touchpointsBtnTopBuffer: 366.78125px; --touchpointsBtnBottomBuffer: 876.015625px;" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="en">
102 Moderate equalAccess aria_role_redundant:
51 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" id="header" class="usa-header usa-header--basic usa-header--megamenu">
Example 2 View on Page
The explicitly-assigned ARIA role "contentinfo" is redundant with the implicit role of the element <footer>
Mode: light
<footer role="contentinfo" class="usa-footer usa-footer--medium">
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" id="header" class="usa-header usa-header--basic usa-header--megamenu">
Example 4 View on Page
The explicitly-assigned ARIA role "contentinfo" is redundant with the implicit role of the element <footer>
Mode: light
<footer role="contentinfo" class="usa-footer usa-footer--medium">
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" id="header" class="usa-header usa-header--basic usa-header--megamenu">
101 Moderate equalAccess aria_content_in_landmark:
51 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 tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<a class="print__link" href="javascript:window.print()">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<h1 class="page-title--top">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
60 Moderate equalAccess style_focus_visible:
51 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button data-once="clickMobileSearchButton" class="usa-button usa-navbar__buttons-search" type="button">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button data-once="clickMobileSearchButton" class="usa-button usa-navbar__buttons-search" type="button">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button data-once="clickMobileSearchButton" class="usa-button usa-navbar__buttons-search" type="button">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button data-once="clickMobileSearchButton" class="usa-button usa-navbar__buttons-search" type="button">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button data-once="clickMobileSearchButton" class="usa-button usa-navbar__buttons-search" type="button">
54 Moderate equalAccess text_contrast_sufficient:
51 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
Example 2 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
Example 3 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
Example 4 View on Page
Text contrast of 1.06 with its background is less than the WCAG AA minimum requirements for text of size 14.24px and weight of 700
Mode: light
<span class="featured__image-type">
Example 5 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
51 Moderate equalAccess style_color_misuse:
51 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_aPVzYhdpaReMbVvkTOBT3EoqI4PcEBC_vZwXpxoR4hs.css?delta=0&language=en&theme=nsf_theme&include=eJyNketuwyAMhV-IyyNFDjiBBTDDpl3ffjRdtx-TUCR0ZJkP28eA90JQHhZ-ArM1KqIcpQSV45rIHdZRQ_WUEeVKBYuwKbwtEjCj1huC9IZeF7yzFgTGNuN3uukVSplTARvN7mOGHXWK5bhGDWGZoQkEWa6auFaS9qmHzx7doTdw0yoNn6P5syXPwfEPRQuNU1-gb71CMvABX-qXtELdhUpxvFcVGuwNauA3_JcxvdS-DpcBvWJyEdKS0UdYzlns_5Q5Gyh-sGC269ii6nz379rqFsd67akmk-8JvwHH8fhH" media="all" rel="stylesheet">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_1uPJNzdGNf4sl9l7YnoLzLiYAXKpZfXyFvY54ZhpktM.css?delta=0&language=en&theme=nsf_theme&include=eJx9juuOAyEIhV_IyyNNUJkZtwpGcNq-_dpus3-amBByAh_nACkpAz09fITbO5OayKVAkxwKx5uP3NG82lS1MSGpOJJ90xMrWhs6Qop91CArLOUrJ-wr5ODLBiBaU-eMK5nQFtx1BRY-eLVvPZPaaXVbUR11dLLKs9oKVDhsVqx_TOqjQXHwAw_zD3nlEc_GM1eMcMxQtoopw_b6Qvz3yL3vjDxlOvsAgmbIPcnH31wZ7-Lf3VVOo-Av9TS1AQ" media="all" rel="stylesheet">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_VhyL6qB009Rx4WjsmpN9z6GS33dqbgNmy43BBEWd19M.css?delta=0&language=en&theme=nsf_theme&include=eJx9jGsKwzAMgy-Ux5GKk7ht1sQOdrKtt1-3lf0ZFIwQ0idDSp2Bdg-ncbMwdRO5FGiaQ-G4-ciC5i2Hq40Jqasjnae-YkVrgyCkKKMGvcIWvtsARChXVOGFr3rBPoRs5-PaF0wyGhQHN3iaH-k7j7g2zsfeKMcMZaqYMkwl06b-P3KfndFdO1YfQNEMfSQ9_78ARsB0UQ" media="all" rel="stylesheet">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_z3ASz-4NmpcAYZtJlRqXC7oSu4N6ZJIeNMFtAfXMbyk.css?delta=0&language=en&theme=nsf_theme&include=eJyFkAFuwyAMRS8EyZEig52EldjIhm65_Ui7bpMmMcmyrO-nzzeAWAX4nOFrmFYVri5KzlAshSzxNkdRclfr01GEiatNbOtSdzrI-6AEGLUdwUYYpntC0hGyEtSmhH5NmXxOfBvRm9x9AOax5-XSm9UhJJuM9kUT138DKWWoPf3FDb9CqZ_Jvkqv8gRRW4E8wRt8uG9yRok5BQU9f4lVWtyL9ETmCihsCmW3l8OPMjUuLfTTd0JnEhPk5SBMsDwCzn-l6fGAs9MqHXMAI9fsHV_en6xX2Cg" media="all" rel="stylesheet">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_VhyL6qB009Rx4WjsmpN9z6GS33dqbgNmy43BBEWd19M.css?delta=0&language=en&theme=nsf_theme&include=eJx9jmuuAyEIhTek45ImqMyMrYIB7L3dfaeP9E8TE0JO4DsHIGdjoHuAj1g2YTKXuFboWmLldA2JBd2znap1JiTThXRb7cCG3kNFsSkw7GAptPtCG0sDK0wzQxSEnGS0qDNs55uPQIQyoyrvPNv38zPztdB1RgnaEPLGZ_U3mGV0qAtc4N99yWA80tH5zFSnnArUtWEusD4vaPgdLS-f07sathBB0Q39y_rJfwC9VKK2" media="all" rel="stylesheet">
51 Moderate equalAccess input_label_visible:
51 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Close feedback form" class="fba-close-button">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Close feedback form" class="fba-close-button">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Close feedback form" class="fba-close-button">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Close feedback form" class="fba-close-button">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Close feedback form" class="fba-close-button">
51 Moderate equalAccess widget_tabbable_exists:
51 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
Example 2 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
Example 3 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
Example 4 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
Example 5 View on Page
Component with "link" role does not have a tabbable element
Mode: light
<a tabindex="-1" href="#" class="usa-button usa-button--secondary usa-button__link">
45 Moderate equalAccess text_quoted_correctly:
29 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: "NSF is committed to fostering a ... unity feels safe and supported."
Mode: light
<p>
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "As cyber threats continue to ev ... with a well-trained workforce."
Mode: light
<p>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Numbers by State,", "Trends,", "Details"
Mode: light
<p>
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Proposals Evaluated", "New Awar ... ons", "Award Obligation Amount,"
Mode: light
<td>
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "CHIPS and Science Act of 2022", ... n Federal research expenditures"
Mode: light
<li>
34 Moderate equalAccess text_sensory_misuse:
29 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h2>
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 user instruction is still understandable without the word(s) 'largest'
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 user instruction is still understandable without the word(s) 'shape'
Mode: light
<p>
23 Moderate equalAccess text_block_heading:
19 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'NSF is an independent federal agency that supports' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="hero__tagline">
Example 2 View on Page
Confirm this text 'Boosting crops with biotechnology' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="field field-content-highlight-headline">
Example 3 View on Page
Confirm this text 'Promote discovery in science & engineering' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="image-link__title">
Example 4 View on Page
Confirm this text 'NSF's Fiscal Year 2024 enacted budget' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 5 View on Page
Confirm this text 'Tabulating of trend lines Tabulating of trend lines' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
10 Moderate equalAccess aria_complementary_labelled:
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="region region-sidebar-first sidebar tablet:grid-col-4 ">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="node__sidebar tablet:grid-col-4">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="node__sidebar tablet:grid-col-4">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="region region-sidebar-first sidebar tablet:grid-col-4 ">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="region region-sidebar-first sidebar tablet:grid-col-4 ">
8 Moderate equalAccess element_attribute_deprecated:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The HTML attribute(s) "type" is deprecated for the <ol> element in HTML 5
Mode: light
<ol type="a">
Example 2 View on Page
The HTML attribute(s) "type" is deprecated for the <ol> element in HTML 5
Mode: light
<ol type="a">
Example 3 View on Page
The <u> element is deprecated in HTML 5
Mode: light
<u>
Example 4 View on Page
The HTML attribute(s) "type" is deprecated for the <ul> element in HTML 5
Mode: light
<ul type="disc">
Example 5 View on Page
The HTML attribute(s) "type" is deprecated for the <ul> element in HTML 5
Mode: light
<ul type="square">
4 Moderate equalAccess label_name_visible:
4 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
<button aria-label="Subscribe" type="submit" class="usa-button">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button aria-label="Subscribe" type="submit" class="usa-button">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button aria-label="Subscribe" type="submit" class="usa-button">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button aria-label="Subscribe" type="submit" class="usa-button">
2 Moderate equalAccess heading_markup_misuse:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h1 class="page-title--without-summary-intro-sibling">
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3>
2 Moderate equalAccess heading_content_exists:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading element has no descriptive content
Mode: light
<h3>
Example 2 View on Page
Heading element has no descriptive content
Mode: light
<h2>
2 Moderate equalAccess aria_accessiblename_exists:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3>
Example 2 View on Page
Element <h2> with "heading" role has no accessible name
Mode: light
<h2>
2 Moderate equalAccess aria_landmark_name_unique:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "video player" label
Mode: light
<video-js aria-label="Video Player" role="region" translate="no" lang="en" tabindex="-1" id="vjs_video_3" data-video-id="6094036238001" data-usage="cms:drupal:10.5.6:3.3.0:javascript" data-player="NkgrDczuol" data-embed="default" data-account="679256133001" class="vjs-fluid video-js vjs-paused vjs-controls-enabled vjs-workinghover vjs-v8 vjs-user-active vjs-layout-x-small bc-player-NkgrDczuol_default bc-player-NkgrDczuol_default-index-0 vjs-mouse vjs-plugins-ready vjs-player-info vjs-contextmenu-ui vjs-viewability vjs-errors vjs-quality-menu">
Example 2 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "video player" label
Mode: light
<video-js aria-label="Video Player" role="region" translate="no" lang="en" tabindex="-1" id="vjs_video_921" data-video-id="6094037731001" data-usage="cms:drupal:10.5.6:3.3.0:javascript" data-player="NkgrDczuol" data-embed="default" data-account="679256133001" class="vjs-fluid video-js vjs-paused vjs-controls-enabled vjs-workinghover vjs-v8 vjs-user-active vjs-layout-x-small bc-player-NkgrDczuol_default bc-player-NkgrDczuol_default-index-0 vjs-mouse vjs-plugins-ready vjs-player-info vjs-contextmenu-ui vjs-viewability vjs-errors vjs-quality-menu">
2 Moderate equalAccess aria_region_label_unique:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<video-js aria-label="Video Player" role="region" translate="no" lang="en" tabindex="-1" id="vjs_video_3" data-video-id="6094036238001" data-usage="cms:drupal:10.5.6:3.3.0:javascript" data-player="NkgrDczuol" data-embed="default" data-account="679256133001" class="vjs-fluid video-js vjs-paused vjs-controls-enabled vjs-workinghover vjs-v8 vjs-user-active vjs-layout-x-small bc-player-NkgrDczuol_default bc-player-NkgrDczuol_default-index-0 vjs-mouse vjs-plugins-ready vjs-player-info vjs-contextmenu-ui vjs-viewability vjs-errors vjs-quality-menu">
Example 2 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light
<video-js aria-label="Video Player" role="region" translate="no" lang="en" tabindex="-1" id="vjs_video_921" data-video-id="6094037731001" data-usage="cms:drupal:10.5.6:3.3.0:javascript" data-player="NkgrDczuol" data-embed="default" data-account="679256133001" class="vjs-fluid video-js vjs-paused vjs-controls-enabled vjs-workinghover vjs-v8 vjs-user-active vjs-layout-x-small bc-player-NkgrDczuol_default bc-player-NkgrDczuol_default-index-0 vjs-mouse vjs-plugins-ready vjs-player-info vjs-contextmenu-ui vjs-viewability vjs-errors vjs-quality-menu">
2 Moderate equalAccess caption_track_exists:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that captions are available for any meaningful audio or provide a caption track for the <video> element
Mode: light
<video src="blob:https://www.nsf.gov/142d6bc8-0beb-45ff-b340-b39c59c0097f" poster="https://cf-images.us-east-1.prod.boltdns.net/v1/static/679256133001/ac618306-c739-46b0-8325-2b60b1258e11/cbcfbe1a-d535-4538-af59-27721060c272/1280x720/match/image.jpg" preload="metadata" class="vjs-tech" data-account="679256133001" data-embed="default" data-player="NkgrDczuol" data-usage="cms:drupal:10.5.6:3.3.0:javascript" data-video-id="6094036238001" id="vjs_video_3_html5_api" tabindex="-1">
Example 2 View on Page
Verify that captions are available for any meaningful audio or provide a caption track for the <video> element
Mode: light
<video src="blob:https://www.nsf.gov/d7c0736f-7801-4c80-ac9c-1d89a1059934" poster="https://cf-images.us-east-1.prod.boltdns.net/v1/static/679256133001/b1f9f535-0d40-4055-86b7-df9256cecffe/b360f96e-b5cb-49d7-aab7-8ff5d9a45ecc/1280x720/match/image.jpg" preload="metadata" class="vjs-tech" data-account="679256133001" data-embed="default" data-player="NkgrDczuol" data-usage="cms:drupal:10.5.6:3.3.0:javascript" data-video-id="6094037731001" id="vjs_video_921_html5_api" tabindex="-1">
2 Moderate equalAccess media_keyboard_controllable:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify media using <audio> and/or <video> elements have keyboard accessible controls
Mode: light
<video src="blob:https://www.nsf.gov/142d6bc8-0beb-45ff-b340-b39c59c0097f" poster="https://cf-images.us-east-1.prod.boltdns.net/v1/static/679256133001/ac618306-c739-46b0-8325-2b60b1258e11/cbcfbe1a-d535-4538-af59-27721060c272/1280x720/match/image.jpg" preload="metadata" class="vjs-tech" data-account="679256133001" data-embed="default" data-player="NkgrDczuol" data-usage="cms:drupal:10.5.6:3.3.0:javascript" data-video-id="6094036238001" id="vjs_video_3_html5_api" tabindex="-1">
Example 2 View on Page
Verify media using <audio> and/or <video> elements have keyboard accessible controls
Mode: light
<video src="blob:https://www.nsf.gov/d7c0736f-7801-4c80-ac9c-1d89a1059934" poster="https://cf-images.us-east-1.prod.boltdns.net/v1/static/679256133001/b1f9f535-0d40-4055-86b7-df9256cecffe/b360f96e-b5cb-49d7-aab7-8ff5d9a45ecc/1280x720/match/image.jpg" preload="metadata" class="vjs-tech" data-account="679256133001" data-embed="default" data-player="NkgrDczuol" data-usage="cms:drupal:10.5.6:3.3.0:javascript" data-video-id="6094037731001" id="vjs_video_921_html5_api" tabindex="-1">
1 Moderate equalAccess aria_descendant_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 "button" contains descendants with implicit roles "generic" which are ignored by browsers
Mode: light
<button aria-disabled="false" title="Play Video" type="button" class="vjs-big-play-button">