Page Scan Results:
Main Campus
https://www.charisbiblecollege.org/main-campus/
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
aria-roledescription must be on elements with a semantic role
Ensure aria-roledescription is only used on elements with an implicit or explicit role. Axe Reference
-
<div class="elementor-element elementor-element-a5c4aad elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="a5c4aad" data-element_type="widget" data-settings="{"slides_to_show":"1","lazyload":"yes","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","effect":"slide","speed":500}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left & Right">
Element selector:.elementor-element-a5c4aad
Failing checks (At least one of these should pass)
- Give the element a role that supports aria-roledescription
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 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
-
<span class="elementor-button-text">Apply Now</span>
Element selector:.elementor-sticky--active > .elementor-column-gap-no.elementor-container > .elementor-element-14159384.elementor-col-16[data-id="14159384"] > .elementor-element-populated.elementor-widget-wrap > .elementor-element-6d650859.elementor-align-right[data-id="6d650859"] > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-md.elementor-animation-grow.elementor-button-link > .elementor-button-content-wrapper > .elementor-button-text
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.elementor-sticky--active > .elementor-column-gap-no.elementor-container > .elementor-element-14159384.elementor-col-16[data-id="14159384"] > .elementor-element-populated.elementor-widget-wrap > .elementor-element-6d650859.elementor-align-right[data-id="6d650859"] > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-md.elementor-animation-grow.elementor-button-link
-
Element's background color could not be determined due to a background gradient
-
<h2 class="elementor-heading-title elementor-size-default">The Ultimate Charis Experience</h2>
Element selector:.elementor-element-36f66e3b > .elementor-widget-container > h2
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h1 class="elementor-heading-title elementor-size-default">Main Campus</h1>
Element selector:h1
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h2 class="elementor-heading-title elementor-size-default">Woodland Park, CO - The City above the Clouds</h2>
Element selector:.elementor-element-138fad0c > .elementor-widget-container > h2
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<span class="elementor-button-text">Apply Now</span>
Element selector:.elementor-element-4d0ac741 > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-xl.elementor-button-link.elementor-button > .elementor-button-content-wrapper > .elementor-button-text
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<span class="elementor-inline-editing uael-dual-heading-text uael-first-text" data-elementor-setting-key="before_heading_text" data-elementor-inline-editing-toolbar="basic">Dive Into</span>
Element selector:.uael-first-text
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.uael-first-text
-
Element's background color could not be determined due to a background gradient
-
<span class="elementor-button-text">Apply Now</span>
Element selector:.elementor-element-baef033 > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-xl.elementor-button-link.elementor-button > .elementor-button-content-wrapper > .elementor-button-text
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.elementor-element-baef033 > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-xl.elementor-button-link.elementor-button
-
Element's background color could not be determined due to a background gradient
-
<span class="elementor-button-text">Learn More</span>
Element selector:.elementor-element-c9bc1a3 > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-xl.elementor-animation-grow.elementor-button-link > .elementor-button-content-wrapper > .elementor-button-text
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<span class="elementor-button-text">Learn More</span>
Element selector:.elementor-element-afa9c7f > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-xl.elementor-animation-grow.elementor-button-link > .elementor-button-content-wrapper > .elementor-button-text
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h4 class="elementor-heading-title elementor-size-default">Visit Our Main Campus!</h4>
Element selector:.elementor-element-5b6628b9 > .elementor-widget-container > h4
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h5 class="elementor-heading-title elementor-size-default">Campus tours are available. You may contact us to schedule an appointment or just stop by and a member of the Charis staff would be happy to show you around!</h5>
Element selector:.elementor-widget-container > h5
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<span class="elementor-button-text">Contact Us</span>
Element selector:.elementor-element-395a89d2 > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-md.elementor-button-link.elementor-button > .elementor-button-content-wrapper > .elementor-button-text
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h2 class="elementor-heading-title elementor-size-default">Copyright © 2022 Charis Bible College. All Rights Reserved. </h2>
Element selector:.elementor-element-eaf19d3 > .elementor-widget-container > h2
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
body
-
Element's background color could not be determined because it's partially obscured by another element
<video> elements must have captions
Ensures <video> elements have captions. Axe Reference
-
<video class="elementor-background-video-hosted elementor-html5-video" autoplay="" muted="" playsinline="" loop="" src="/wp-content/uploads/2022/06/Campus-Tour-v01-Optimized.mp4"></video>
Element selector:.elementor-element-181ec1a6 > .elementor-background-video-container > video
Failing checks (All of these should pass)
- Check that captions is available for the element
-
<video class="elementor-background-video-hosted elementor-html5-video" autoplay="" muted="" playsinline="" loop="" src="/wp-content/uploads/2022/06/Student-Life-Video-Banner-Optimized.mp4#t=38"></video>
Element selector:.elementor-element-50175966 > .elementor-background-video-container > video
Failing checks (All of these should pass)
- Check that captions is available for the element
-
<video class="elementor-background-video-hosted elementor-html5-video" autoplay="" muted="" playsinline="" loop="" src="/wp-content/uploads/2022/06/3D-Rendering-of-Student-Housing.mp4"></video>
Element selector:.elementor-element-cc0df18 > .elementor-background-video-container > video
Failing checks (All of these should pass)
- Check that captions is available for the element
Elements must only use permitted ARIA attributes
Ensures ARIA attributes are not prohibited for an element's role. Axe Reference
-
<div class="elementor-element elementor-element-a5c4aad elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="a5c4aad" data-element_type="widget" data-settings="{"slides_to_show":"1","lazyload":"yes","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","effect":"slide","speed":500}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left & Right">
Element selector:.elementor-element-a5c4aad
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a div with no valid role attribute.
aria-roledescription must be on elements with a semantic role
Ensure aria-roledescription is only used on elements with an implicit or explicit role. Axe Reference
-
<div class="swiper-slide swiper-slide-active" role="group" aria-roledescription="slide" aria-label="1 of 16" data-swiper-slide-index="0" style="width: 750px;">
Element selector:div[aria-label="1 of 16"][data-swiper-slide-index="0"][inert=""]:nth-child(2)
Failing checks (At least one of these should pass)
- Check that the aria-roledescription is announced by supported screen readers