Accessibility Test Results

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

Target: #cilogon-auth-login-button

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

Target: #edit-submit--2

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://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)

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"

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)

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)

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)

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

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