Accessibility Test Results

Test Summary

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

Test Spec: N/A

Date: 11/21/2025, 4:50:42 PM

Total Violations: 7

Critical: 1

Serious: 3

Moderate: 3

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

<a class="btn btn-primary" href="https://ccmnet.ddev.site/node/add/mentorship_engagement">Create a Mentorship</a>

Target: .text-right > .btn.btn-primary

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
<div class="text-uppercase ml-2"> Recruiting: Mentor </div>

Target: div:nth-child(2) > .views-field.views-field-field-me-state > .field-content > .position-relative.rounded-bottom-left.mb-3 > .bg-teal.px-3.py-2 > .ml-2.text-uppercase

Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #28a588, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<a class="text-white corner-triangle text-uppercase bg-teal" href="/node/10913">More</a>

Target: a[href="/node/10913"]

Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #28a588, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="text-uppercase ml-2"> In Progress: Mentor </div>

Target: div:nth-child(13) > .views-field.views-field-field-me-state > .field-content > .position-relative.rounded-bottom-left.mb-3 > .bg-teal.px-3.py-2 > .ml-2.text-uppercase

Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #28a588, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<a class="text-white corner-triangle text-uppercase bg-teal" href="/node/7090">More</a>

Target: a[href="/node/7090"]

Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #28a588, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
<a href="#" class="facets-soft-limit-link">Show more</a>

Target: #block-nect-metags > .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

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

<div id="ccmnet-page-title">

Target: #ccmnet-page-title

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div id="block-nect-createamentorshipbutton">

Target: #block-nect-createamentorshipbutton

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="views-element-container">

Target: .views-element-container

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="js-form-item form-item js-form-type-textfield form-item-search-api-fulltext js-form-item-search-api-fulltext form-group">

Target: .js-form-type-textfield

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<h2>Tags</h2>

Target: #block-nect-metags > h2

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<input type="checkbox" class="facets-checkbox" id="me-tags-809">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(3) > .facets-checkbox[type="checkbox"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<label for="me-tags-809">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(3) > label[for="me-tags-809"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<input type="checkbox" class="facets-checkbox" id="me-tags-271">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(4) > .facets-checkbox[type="checkbox"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<label for="me-tags-271">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(4) > label[for="me-tags-271"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<input type="checkbox" class="facets-checkbox" id="me-tags-272">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(5) > .facets-checkbox[type="checkbox"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<label for="me-tags-272">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(5) > label[for="me-tags-272"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<input type="checkbox" class="facets-checkbox" id="me-tags-249">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(6) > .facets-checkbox[type="checkbox"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<label for="me-tags-249">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(6) > label[for="me-tags-249"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<input type="checkbox" class="facets-checkbox" id="me-tags-18">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(7) > .facets-checkbox[type="checkbox"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<label for="me-tags-18">

Target: ul[data-drupal-facet-id="me_tags-0"] > .facet-item.list-none:nth-child(7) > label[for="me-tags-18"]

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<a href="#" class="facets-soft-limit-link">Show more</a>

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

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div id="block-nect-facetshiddenbehindlogin">

Target: #block-nect-facetshiddenbehindlogin

Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks