Page Scan Results:
Family of Faith
Christian University
https://familyoffaith.edu/
Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.
Known Issues Summary
Known Issues on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<a href="https://familyoffaith.edu/about/" class="btn btn-underline">About Us</a>
Element selector:.title-text-cta > .btn-underline.btn
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1
.title-text-centered
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1
-
<div class="directory-col-title">About</div>
Element selector:.col-6.col-md-3.col-directory:nth-child(1) > .directory-col-title
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 4.5:1
body
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 4.5:1
-
<div class="directory-col-title">Undergraduate</div>
Element selector:.col-6.col-md-3.col-directory:nth-child(2) > .directory-col-title
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 4.5:1
body
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 4.5:1
-
<div class="directory-col-title">Seminary/Graduate</div>
Element selector:.col-6.col-md-3.col-directory:nth-child(3) > .directory-col-title
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 4.5:1
body
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 4.5:1
-
<div class="directory-col-title">Quick Links</div>
Element selector:.col-6.col-md-3.col-directory:nth-child(4) > .directory-col-title
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 4.5:1
body
-
Element has insufficient color contrast of 2.74 (foreground color: #2ea3f2, background color: #ffffff, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 4.5:1
-
<a class="nav-link" href="https://familyoffaith.edu/about/catalog/">Catalog</a>
Element selector:#menu-bottom-bar > li:nth-child(1) > .nav-link
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
.container > .footer-nav
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="nav-link" href="https://familyoffaith.edu/transcript-request-form/">Transcript Requests</a>
Element selector:#menu-bottom-bar > li:nth-child(2) > .nav-link
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
.container > .footer-nav
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="nav-link" target="_blank" href="https://faithglobal.populiweb.com/">Login</a>
Element selector:#menu-bottom-bar > li:nth-child(3) > .nav-link[target="_blank"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
.container > .footer-nav
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="tel:405-695-5533" class="nav-link">405-695-5533</a>
Element selector:#menu-footer-bar > li:nth-child(1) > .nav-link[href="tel:405-695-5533"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
.footer-nav.bg-primary.navbar
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="mailto:info@familyoffaith.edu" class="nav-link">info@familyoffaith.edu</a>
Element selector:#menu-footer-bar > li:nth-child(2) > .nav-link[href="mailto:info@familyoffaith.edu"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
.footer-nav.bg-primary.navbar
-
Element has insufficient color contrast of 2.74 (foreground color: #ffffff, background color: #2ea3f2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1
Needs Review - These "incomplete" issues may be problematic, but couldn't be completely tested automatically. They should be reviewed by a real person.
Needs Review Summary
Needs Review on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<div class="h5 page-hero-subtitle">Welcome To</div>
Element selector:.page-hero-subtitle
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-page-hero
-
Element's background color could not be determined due to a pseudo element
-
<h1 class="page-hero-title">Family of Faith<br> Christian University</h1>
Element selector:.page-hero-title
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-page-hero
-
Element's background color could not be determined due to a pseudo element
-
<div class="page-hero-content">Educating, discipling, and training laborers for the kingdom of God.</div>
Element selector:.page-hero-content
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-page-hero
-
Element's background color could not be determined due to a pseudo element
-
<h1 class="content-background-title">Undergraduate</h1>
Element selector:.section-content-background.bg-cover.section:nth-child(3) > .container > .row > .col-lg-6.col-md-8.col-12 > .content-background-title
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-content-background.bg-cover.section:nth-child(3)
-
Element's background color could not be determined due to a pseudo element
-
<p class="content-background-content">
Element selector:.section-content-background.bg-cover.section:nth-child(3) > .container > .row > .col-lg-6.col-md-8.col-12 > .content-background-content
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-content-background.bg-cover.section:nth-child(3)
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://familyoffaith.edu/undergraduate/" class="btn btn-primary">Learn More</a>
Element selector:.section-content-background.bg-cover.section:nth-child(3) > .container > .row > .col-lg-6.col-md-8.col-12 > .content-background-cta > .btn-primary.btn
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-content-background.bg-cover.section:nth-child(3)
-
Element's background color could not be determined due to a pseudo element
-
<h1 class="content-background-title">Global Awakening Theological Seminary</h1>
Element selector:.bg-light > .container > .row > .col-lg-6.col-md-8.col-12 > .content-background-title
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.bg-light
-
Element's background color could not be determined due to a pseudo element
-
<p class="content-background-content">Our graduate programs educate leaders for the Church of Jesus Christ, with an emphasis on rightly divining the Word of God and believing in the power of God to perform miracles, healings, signs, and wonders. </p>
Element selector:.bg-light > .container > .row > .col-lg-6.col-md-8.col-12 > .content-background-content
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.bg-light
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://familyoffaith.edu/seminary" class="btn btn-primary">Learn More</a>
Element selector:.bg-light > .container > .row > .col-lg-6.col-md-8.col-12 > .content-background-cta > .btn-primary.btn
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.bg-light
-
Element's background color could not be determined due to a pseudo element
-
<a href="https://familyoffaith.edu/about/institutional-effectiveness/" class="directory-item-link">Institutional Effectiveness</a>
Element selector:.directory-item:nth-child(7) > .directory-item-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
-
<a href="https://familyoffaith.edu/about/consumer-information/" class="directory-item-link">Consumer Information</a>
Element selector:.directory-item:nth-child(8) > .directory-item-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
-
<a href="https://familyoffaith.edu/about/accreditation-and-authorization/" class="directory-item-link">Accreditation and Authorization</a>
Element selector:.directory-item:nth-child(9) > .directory-item-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements