Page Scan Results:
Our History
https://www.charisbiblecollege.org/history/
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-f4e7f91 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="f4e7f91" data-element_type="widget" data-settings="{"slides_to_show":"3","lazyload":"yes","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500,"image_spacing_custom":{"unit":"px","size":20,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left & Right">Element selector:.elementor-element-f4e7f91Failing checks (At least one of these should pass)
- Give the element a role that supports aria-roledescription
-
<div class="elementor-element elementor-element-7975802 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="7975802" data-element_type="widget" data-settings="{"slides_to_show":"3","lazyload":"yes","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500,"image_spacing_custom":{"unit":"px","size":20,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left & Right">Element selector:.elementor-element-7975802Failing 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[data-dce-background-color="#8B0029"][data-id="6d650859"] > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-md.elementor-button-link.elementor-animation-grow > .elementor-button-content-wrapper > .elementor-button-textFailing 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[data-dce-background-color="#8B0029"][data-id="6d650859"] > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-md.elementor-button-link.elementor-animation-grow
-
Element's background color could not be determined due to a background gradient
-
<h1 class="elementor-heading-title elementor-size-default">Our History</h1>Element selector:h1Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<span data-contrast="none">Watch the miraculous story about Gilbert Jackson and the Littlestar family below.</span>Element selector:.elementor-widget-container > p > span[data-contrast="none"]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">AWMI.net</span>Element selector:.elementor-element-31a8ed7 > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-xl.elementor-button-link.elementor-button > .elementor-button-content-wrapper > .elementor-button-textFailing 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">GospelTruth.TV</span>Element selector:.elementor-element-f2d5e2b > .elementor-widget-container > .elementor-button-wrapper > .elementor-size-xl.elementor-button-link.elementor-button > .elementor-button-content-wrapper > .elementor-button-textFailing 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 > h2Failing 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
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 4" data-swiper-slide-index="0" style="width: 365px; margin-right: 20px;">Element selector:div[aria-label="1 of 4"][data-swiper-slide-index="0"][inert=""]:nth-child(3)Failing checks (At least one of these should pass)
- Check that the aria-roledescription is announced by supported screen readers
-
<div class="swiper-slide swiper-slide-next" role="group" aria-roledescription="slide" aria-label="2 of 4" data-swiper-slide-index="1" style="width: 365px; margin-right: 20px;">Element selector:.swiper-slide-prev[aria-label="2 of 4"][data-swiper-slide-index="1"]Failing checks (At least one of these should pass)
- Check that the aria-roledescription is announced by supported screen readers
-
<div class="swiper-slide swiper-slide-active" role="group" aria-roledescription="slide" aria-label="1 of 12" data-swiper-slide-index="0" style="width: 365px; margin-right: 20px;">Element selector:div[aria-label="1 of 12"][data-swiper-slide-index="0"][inert=""]:nth-child(3)Failing checks (At least one of these should pass)
- Check that the aria-roledescription is announced by supported screen readers
-
<div class="swiper-slide swiper-slide-next" role="group" aria-roledescription="slide" aria-label="2 of 12" data-swiper-slide-index="1" style="width: 365px; margin-right: 20px;">Element selector:.swiper-slide-prev[aria-label="2 of 12"][data-swiper-slide-index="1"]Failing checks (At least one of these should pass)
- Check that the aria-roledescription is announced by supported screen readers
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-f4e7f91 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="f4e7f91" data-element_type="widget" data-settings="{"slides_to_show":"3","lazyload":"yes","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500,"image_spacing_custom":{"unit":"px","size":20,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left & Right">Element selector:.elementor-element-f4e7f91Failing checks (All of these should pass)
- aria-label attribute is not well supported on a div with no valid role attribute.
-
<div class="elementor-element elementor-element-7975802 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="7975802" data-element_type="widget" data-settings="{"slides_to_show":"3","lazyload":"yes","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500,"image_spacing_custom":{"unit":"px","size":20,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left & Right">Element selector:.elementor-element-7975802Failing checks (All of these should pass)
- aria-label attribute is not well supported on a div with no valid role attribute.
<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="https://www.charisbiblecollege.org/wp-content/uploads/2022/06/3D-Rendering-of-Student-Housing.mp4"></video>Element selector:videoFailing checks (All of these should pass)
- Check that captions is available for the element