color-contrast - Elements must meet minimum color contrast ratio thresholds
Impact: serious
Description: Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
Help: Elements must meet minimum color contrast ratio thresholds
Tags: cat.color, wcag2aa, wcag143, TTv5, TT13.c, EN-301-549, EN-9.1.4.3, ACT
Affected Elements (8)
<a class="ccmnet" href="/user/register/ccmnet/">create a new account</a>
Target: a[href$="ccmnet/"]
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 2.68 (foreground color: #06a9e5, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<a href="/google-signin">phasing out Google login.</a>
Target: .ccmnet > a[href$="google-signin"]
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 2.68 (foreground color: #06a9e5, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<input class="btn btn-success m-1 button js-form-submit form-submit btn btn-primary" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Log in">
Target: .btn-success
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 2.68 (foreground color: #ffffff, background color: #06a9e5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<a href="/login?redirect=" class="button btn btn-primary">Login with Access CI</a>
Target: a[href="/login?redirect="]
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 2.68 (foreground color: #ffffff, background color: #06a9e5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<a href="https://identity.access-ci.org/">Having trouble logging in?</a>
Target: #cilogon-auth-login-suffix > a:nth-child(1)
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 2.68 (foreground color: #06a9e5, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
<a href="https://identity.access-ci.org/new-user">Create an account</a>
Target: #cilogon-auth-login-suffix > a:nth-child(2)
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 2.68 (foreground color: #06a9e5, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
<a href="https://new.nsf.gov/funding/opportunities/research-coordination-networks-fostering-nurturing/nsf22-558/solicitation">RCN:CIP solicitation</a>
Target: .text-left:nth-child(1) > a
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 4.38 (foreground color: #06a9e5, background color: #04376f, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
<a href="https://dl.acm.org/doi/pdf/10.1145/3507694">Transforming Science through Cyberinfrastructure</a>
Target: .text-left:nth-child(3) > a
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 4.38 (foreground color: #06a9e5, background color: #04376f, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
image-alt - Images must have alternative text
Impact: critical
Description: Ensure ![]()
elements have alternative text or a role of none or presentation
Help: Images must have alternative text
Tags: cat.text-alternatives, wcag2a, wcag111, section508, section508.22.a, TTv5, TT7.a, TT7.b, EN-301-549, EN-9.1.1.1, ACT
Affected Elements (2)
<img width="82" height="82" src="/themes/contrib/asp-theme/images/logos/NSF_logo.svg">
Target: .container > div:nth-child(1) > .nsf-logo[href$="nsf.gov/"][rel="noopener"] > img[width="82"][height="82"]
Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
<img width="82" height="82" src="/themes/nect-theme/img/NSF_logo.svg">
Target: .col-2 > .nsf-logo[href$="nsf.gov/"][rel="noopener"] > img[width="82"][height="82"]
Failure Summary:
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
landmark-one-main - Document should have one main landmark
Impact: moderate
Description: Ensure the document has a main landmark
Help: Document should have one main landmark
Tags: cat.semantics, best-practice
Affected Elements (1)
<html lang="en" dir="ltr" class=" js">
Target: html
Failure Summary:
Fix all of the following:
Document does not have a main landmark
landmark-unique - Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Impact: moderate
Description: Ensure landmarks are unique
Help: Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Tags: cat.semantics, best-practice
Affected Elements (1)
<nav class="navbar navbar-expand secondary-nav navbar-light bg-light " id="secondaryNav">
Target: #secondaryNav
Failure Summary:
Fix any of the following:
The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
link-in-text-block - Links must be distinguishable without relying on color
Impact: serious
Description: Ensure links are distinguished from surrounding text in a way that does not rely on color
Help: Links must be distinguishable without relying on color
Tags: cat.color, wcag2a, wcag141, TTv5, TT13.a, EN-301-549, EN-9.1.4.1
Affected Elements (2)
<a href="https://new.nsf.gov/funding/opportunities/research-coordination-networks-fostering-nurturing/nsf22-558/solicitation">RCN:CIP solicitation</a>
Target: .text-left:nth-child(1) > a
Failure Summary:
Fix any of the following:
The link has insufficient color contrast of 2.68:1 with the surrounding text. (Minimum contrast is 3:1, link text: #06a9e5, surrounding text: #ffffff)
The link has no styling (such as underline) to distinguish it from the surrounding text
<a href="https://dl.acm.org/doi/pdf/10.1145/3507694">Transforming Science through Cyberinfrastructure</a>
Target: .text-left:nth-child(3) > a
Failure Summary:
Fix any of the following:
The link has insufficient color contrast of 2.68:1 with the surrounding text. (Minimum contrast is 3:1, link text: #06a9e5, surrounding text: #ffffff)
The link has no styling (such as underline) to distinguish it from the surrounding text
link-name - Links must have discernible text
Impact: serious
Description: Ensure links have discernible text
Help: Links must have discernible text
Tags: cat.name-role-value, wcag2a, wcag244, wcag412, section508, section508.22.a, TTv5, TT6.a, EN-301-549, EN-9.2.4.4, EN-9.4.1.2, ACT
Affected Elements (2)
<a class="nsf-logo" href="https://www.nsf.gov/" target="_blank" rel="noopener">
<img width="82" height="82" src="/themes/contrib/asp-theme/images/logos/NSF_logo.svg">
</a>
Target: .container > div:nth-child(1) > .nsf-logo[href$="nsf.gov/"][rel="noopener"]
Failure Summary:
Fix all of the following:
Element is in tab order and does not have accessible text
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
<a class="nsf-logo" href="https://www.nsf.gov/" target="_blank" rel="noopener">
<img width="82" height="82" src="/themes/nect-theme/img/NSF_logo.svg">
</a>
Target: .col-2 > .nsf-logo[href$="nsf.gov/"][rel="noopener"]
Failure Summary:
Fix all of the following:
Element is in tab order and does not have accessible text
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
region - All page content should be contained by landmarks
Impact: moderate
Description: Ensure all page content is contained by landmarks
Help: All page content should be contained by landmarks
Tags: cat.keyboard, best-practice
Affected Elements (8)
<div id="ccmnet-page-title">
Target: #ccmnet-page-title
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<p>
Target: .card-body > p:nth-child(1)
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<p class="ccmnet">Learn how we’re <a href="/google-signin">phasing out Google login.</a></p>
Target: .card-body > .ccmnet
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="mb-2">
Target: .mb-2
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="control-group form-group">
Target: .control-group.form-group:nth-child(2)
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="control-group form-group">
Target: .control-group.form-group:nth-child(3)
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<a class="btn btn-secondary m-1" href="/user/password">Forgot Password</a>
Target: .btn-secondary
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div id="block-nect-accessciuserlogin">
Target: #block-nect-accessciuserlogin
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks