Accessibility Test Results

Test Summary

URL: https://ccmnet.ddev.site/members

Test Spec: N/A

Date: 11/21/2025, 6:08:44 PM

Total Violations: 9

Critical: 1

Serious: 4

Moderate: 4

Minor: 0

Violations

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 (3)

<a href="#" class="facets-soft-limit-link">Show more</a>

Target: #block-nect-userskillsmembers > .mb-2.mb-lg-4.facets-widget-checkbox > .facets-soft-limit-link[href="#"]

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="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

heading-order - Heading levels should only increase by one

Impact: moderate

Description: Ensure the order of headings is semantically correct

Help: Heading levels should only increase by one

Tags: cat.semantics, best-practice

Affected Elements (1)

<h4 id="pagination-heading" class="visually-hidden">Pagination</h4>

Target: #pagination-heading

Failure Summary:
Fix any of the following:
Heading order invalid

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 (3)

<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 loading="lazy" src="/sites/default/files/styles/medium/public/pictures/social_auth_google_110097167710118248061.jpg?itok=U9dEMp2D" width="96" height="96" class="img-fluid">

Target: .col-11.col-sm-6.col-md-4:nth-child(1) > .nect-cc-people.card.h-100 > .p-2 > .cssn-directory-item > .cssn-photo > img[width="96"][height="96"][loading="lazy"]

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 (3)

<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="stretched-link text-dark-teal hover--text-orange no-underline text-xl font-bold text-purple hover--ccmnet-blue" href="/community-persona/46601"> </a>

Target: a[href="/community-persona/46601"]

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

list -