Page Scan Results:
(No H1 element on page)
https://ru.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
- Elements must meet minimum color contrast ratio thresholds
-
22
- Images must have alternate text
-
9
- Links must have discernible text
-
7
- Buttons must have discernible text
-
4
- Elements must only use permitted ARIA attributes
-
2
- Certain ARIA roles must contain particular children
-
2
- Documents must have <title> element to aid in navigation
-
1
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="/prospective-students" class="btn btn-yellow cta-btn">Prospective Students</a>
Element selector:.cta-btn
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.27 (foreground color: #faead1, background color: #cd9327, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
.cta-btn
-
Element has insufficient color contrast of 2.27 (foreground color: #faead1, background color: #cd9327, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
-
<h2 class="text-uppercase color-beige">On-campus classes start August 17 and Online classes start August 21!</h2>
Element selector:.text-uppercase.color-beige
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.49 (foreground color: #faead1, background color: #7f9c98, font size: 24.0pt (32px), font weight: bold). Expected contrast ratio of 3:1
.hero-banner
-
Element has insufficient color contrast of 2.49 (foreground color: #faead1, background color: #7f9c98, font size: 24.0pt (32px), font weight: bold). Expected contrast ratio of 3:1
-
<a href="https://ru.edu/future-students/admissions/admissions/" class="btn-link" target="">APPLY NOW! <span class="arrow-right"></span></a>
Element selector:.btn-link[target=""]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.49 (foreground color: #faead1, background color: #7f9c98, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1
.hero-banner
-
Element has insufficient color contrast of 2.49 (foreground color: #faead1, background color: #7f9c98, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1
-
<h2 class="color-yellow">REAL <span class="color-purple">FAITH</span></h2>
Element selector:.active.owl-item > .item > .color-yellow
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.69 (foreground color: #cd9327, background color: #ffffff, font size: 24.0pt (32px), font weight: bold). Expected contrast ratio of 3:1
body
-
Element has insufficient color contrast of 2.69 (foreground color: #cd9327, background color: #ffffff, font size: 24.0pt (32px), font weight: bold). Expected contrast ratio of 3:1
-
<h2 class="text-center color-yellow text-uppercase mb-5">Randall News + Events</h2>
Element selector:.text-uppercase.text-center.mb-5
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.69 (foreground color: #cd9327, background color: #ffffff, font size: 24.0pt (32px), font weight: bold). Expected contrast ratio of 3:1
body
-
Element has insufficient color contrast of 2.69 (foreground color: #cd9327, background color: #ffffff, font size: 24.0pt (32px), font weight: bold). Expected contrast ratio of 3:1
-
<a class="btn btn-yellow position-relative" href="https://ru.edu/about-randall/news-events/">More News</a>
Element selector:.position-relative.btn-yellow.btn
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.27 (foreground color: #faead1, background color: #cd9327, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
.position-relative.btn-yellow.btn
-
Element has insufficient color contrast of 2.27 (foreground color: #faead1, background color: #cd9327, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
-
<h2 class="events-title">Upcoming Events</h2>
Element selector:.events-title
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.69 (foreground color: #ffffff, background color: #cd9327, font size: 18.0pt (24px), font weight: bold). Expected contrast ratio of 3:1
.events-title
-
Element has insufficient color contrast of 2.69 (foreground color: #ffffff, background color: #cd9327, font size: 18.0pt (24px), font weight: bold). Expected contrast ratio of 3:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-08-27"> 27 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-08-27"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-08-28"> 28 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-08-28"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-08-29"> 29 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-08-29"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-08-30"> 30 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-08-30"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-08-31"> 31 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-08-31"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-10"> 10 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-10"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-11"> 11 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-11"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-12"> 12 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-12"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-13"> 13 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-13"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-14"> 14 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-14"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-15"> 15 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-15"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-16"> 16 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-16"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.home-events
-
Element has insufficient color contrast of 4.39 (foreground color: #6c6c72, background color: #f0ebe2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-17"> 17 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-17"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.99 (foreground color: #141827, background color: #334aff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
.tribe-events-calendar-month__day-cell--selected
-
Element has insufficient color contrast of 2.99 (foreground color: #141827, background color: #334aff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
-
<a class="btn btn-gold" href="https://ru.edu/about-randall/college-calendar/">Full Calendar</a>
Element selector:.btn-gold
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.69 (foreground color: #ffffff, background color: #cd9327, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.btn-gold
-
Element has insufficient color contrast of 2.69 (foreground color: #ffffff, background color: #cd9327, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<div class="col-12 text-center">
Element selector:.col-12.text-center
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.69 (foreground color: #ffffff, background color: #cd9327, font size: 16.8pt (22.4px), font weight: normal). Expected contrast ratio of 4.5:1
.footer-social
-
Element has insufficient color contrast of 2.69 (foreground color: #ffffff, background color: #cd9327, font size: 16.8pt (22.4px), font weight: normal). Expected contrast ratio of 4.5:1
Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<img src="https://ru.edu/wp-content/themes/randall-university/img/logo-2023.jpg">
Element selector:a[href="/"] > img
Failing checks (At least one of these should pass)
- 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 src="https://ru.edu/wp-content/uploads/2023/02/RandallUniversity-50_Growth.jpg">
Element selector:.cloned.owl-item:nth-child(1) > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > img
Failing checks (At least one of these should pass)
- 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 src="https://ru.edu/wp-content/uploads/2023/02/RandallUniversity-12_Experience.jpg">
Element selector:.cloned.owl-item:nth-child(2) > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > img
Failing checks (At least one of these should pass)
- 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 src="https://ru.edu/wp-content/uploads/2023/02/RandallUniversity-29_HP-Faith.jpg">
Element selector:.active.owl-item > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > img
Failing checks (At least one of these should pass)
- 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 src="https://ru.edu/wp-content/uploads/2023/02/RandallUniversity-21_Family.jpg">
Element selector:.owl-item:nth-child(4) > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > img
Failing checks (At least one of these should pass)
- 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 src="https://ru.edu/wp-content/uploads/2023/02/RandallUniversity-50_Growth.jpg">
Element selector:.owl-item:nth-child(5) > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > img
Failing checks (At least one of these should pass)
- 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 src="https://ru.edu/wp-content/uploads/2023/02/RandallUniversity-12_Experience.jpg">
Element selector:.owl-item:nth-child(6) > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > img
Failing checks (At least one of these should pass)
- 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 src="https://ru.edu/wp-content/uploads/2023/02/RandallUniversity-29_HP-Faith.jpg">
Element selector:.cloned.owl-item:nth-child(7) > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > img
Failing checks (At least one of these should pass)
- 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 src="https://ru.edu/wp-content/uploads/2023/02/RandallUniversity-21_Family.jpg">
Element selector:.cloned.owl-item:nth-child(8) > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > img
Failing checks (At least one of these should pass)
- 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"
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="/" rel="home"> <img src="https://ru.edu/wp-content/themes/randall-university/img/logo-2023.jpg"> </a>
Element selector:a[href="/"]
Failing checks (At least one of these should pass)
- 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
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
-
<a href="#." class="toggle-mute muted">
Element selector:.toggle-mute
Failing checks (At least one of these should pass)
- 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
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
-
<a href="https://ru.edu/about-randall/news-events/brown-announces-the-release-of-one-day-at-a-time/">
Element selector:.mb-4.row:nth-child(1) > .col-4 > a
Failing checks (At least one of these should pass)
- 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
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
-
<a href="https://ru.edu/about-randall/news-events/dr-margene-brohammer-to-begin-as-director-of-secondary-education/">
Element selector:.mb-4.row:nth-child(2) > .col-4 > a
Failing checks (At least one of these should pass)
- 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
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
-
<a href="https://www.facebook.com/RandallUniversity" target="_blank">
Element selector:a[target="_blank"]:nth-child(2)
Failing checks (At least one of these should pass)
- 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
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
-
<a href="https://www.instagram.com/randalluniversity/?hl=en" target="_blank">
Element selector:a[target="_blank"]:nth-child(3)
Failing checks (At least one of these should pass)
- 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
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
-
<a href="https://www.youtube.com/randalluniversity" target="_blank">
Element selector:a[target="_blank"]:nth-child(4)
Failing checks (At least one of these should pass)
- 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
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
Buttons must have discernible text
Ensures buttons have discernible text. Axe Reference
-
<button role="button" class="owl-dot active"><span></span></button>
Element selector:.pillars-carousel > .owl-dots > .active.owl-dot[role="button"]
Failing checks (At least one of these should pass)
- Element does not have inner 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
- Element's default semantics were not overridden with role="none" or role="presentation"
-
<button role="button" class="owl-dot"><span></span></button>
Element selector:.pillars-carousel > .owl-dots > .owl-dot[role="button"]:nth-child(2)
Failing checks (At least one of these should pass)
- Element does not have inner 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
- Element's default semantics were not overridden with role="none" or role="presentation"
-
<button role="button" class="owl-dot"><span></span></button>
Element selector:.pillars-carousel > .owl-dots > .owl-dot[role="button"]:nth-child(3)
Failing checks (At least one of these should pass)
- Element does not have inner 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
- Element's default semantics were not overridden with role="none" or role="presentation"
-
<button role="button" class="owl-dot"><span></span></button>
Element selector:.pillars-carousel > .owl-dots > .owl-dot[role="button"]:nth-child(4)
Failing checks (At least one of these should pass)
- Element does not have inner 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
- Element's default semantics were not overridden with role="none" or role="presentation"
Elements must only use permitted ARIA attributes
Ensures ARIA attributes are not prohibited for an element's role. Axe Reference
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--event" aria-label="Has events" title="Has events"> </em>
Element selector:.tribe-events-calendar-month__day--other-month.tribe-events-calendar-month__day--past-month.tribe-events-calendar-month__day--past:nth-child(4) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--event[aria-label="Has events"][title="Has events"]
Failing checks (All of these should pass)
- aria-label attribute cannot be used on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--event" aria-label="Has events" title="Has events"> </em>
Element selector:.tribe-events-calendar-month__day[role="gridcell"][data-js="tribe-events-month-grid-cell"]:nth-child(7) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--event[aria-label="Has events"][title="Has events"]
Failing checks (All of these should pass)
- aria-label attribute cannot be used on a em with no valid role attribute.
Certain ARIA roles must contain particular children
Ensures elements with an ARIA role that require child roles contain them. Axe Reference
-
<div class="tribe-events-calendar-month" role="grid" aria-labelledby="tribe-events-calendar-header" aria-readonly="true" data-js="tribe-events-month-grid">
Element selector:.tribe-events-calendar-month
Failing checks (At least one of these should pass)
-
Element has children which are not allowed: h2[tabindex]
#tribe-events-calendar-header
- Element uses aria-busy="true" while showing a loader
-
Element has children which are not allowed: h2[tabindex]
-
<header class="tribe-events-calendar-month__header" role="rowgroup">
Element selector:.tribe-events-calendar-month__header
Failing checks (At least one of these should pass)
-
Element has children which are not allowed: h2[tabindex]
#tribe-events-calendar-header
- Element uses aria-busy="true" while showing a loader
-
Element has children which are not allowed: h2[tabindex]
Documents must have <title> element to aid in navigation
Ensures each HTML document contains a non-empty <title> element. Axe Reference
-
<html lang="en-US" class="fontawesome-i2svg-active fontawesome-i2svg-complete">
Element selector:html
Failing checks (At least one of these should pass)
- Document does not have a non-empty <title> element
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 only use permitted ARIA attributes
Ensures ARIA attributes are not prohibited for an element's role. Axe Reference
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__day--other-month.tribe-events-calendar-month__day--past-month.tribe-events-calendar-month__day--past:nth-child(3) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__day--past.tribe-events-calendar-month__day[role="gridcell"]:nth-child(2) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__week[data-js="tribe-events-month-grid-row"][role="row"]:nth-child(2) > .tribe-events-calendar-month__day--past.tribe-events-calendar-month__day[role="gridcell"]:nth-child(3) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__week[data-js="tribe-events-month-grid-row"][role="row"]:nth-child(2) > .tribe-events-calendar-month__day--past.tribe-events-calendar-month__day[role="gridcell"]:nth-child(5) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__day--past.tribe-events-calendar-month__day[role="gridcell"]:nth-child(7) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__week[data-js="tribe-events-month-grid-row"][role="row"]:nth-child(3) > .tribe-events-calendar-month__day--past.tribe-events-calendar-month__day[role="gridcell"]:nth-child(3) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__week[data-js="tribe-events-month-grid-row"][role="row"]:nth-child(3) > .tribe-events-calendar-month__day--past.tribe-events-calendar-month__day[role="gridcell"]:nth-child(5) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__week[data-js="tribe-events-month-grid-row"][role="row"]:nth-child(4) > .tribe-events-calendar-month__day[role="gridcell"][data-js="tribe-events-month-grid-cell"]:nth-child(2) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__week[data-js="tribe-events-month-grid-row"][role="row"]:nth-child(4) > .tribe-events-calendar-month__day[role="gridcell"][data-js="tribe-events-month-grid-cell"]:nth-child(5) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__week[data-js="tribe-events-month-grid-row"][role="row"]:nth-child(5) > .tribe-events-calendar-month__day[role="gridcell"][data-js="tribe-events-month-grid-cell"]:nth-child(5) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
-
<em class="tribe-events-calendar-month__mobile-events-icon tribe-events-calendar-month__mobile-events-icon--featured" aria-label="Has featured events" title="Has featured events">
Element selector:.tribe-events-calendar-month__day[role="gridcell"][data-js="tribe-events-month-grid-cell"]:nth-child(6) > .tribe-events-calendar-month__day-cell--mobile > .tribe-events-calendar-month__mobile-events-icon--featured[aria-label="Has featured events"][title="Has featured events"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a em with no valid role attribute.
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://www.youtube.com/channel/UCNb_bHT_8RwsSjmefenpjBg" target="_blank" class="color-yellow btn-link">CHAPEL LIVE <span></span></a>
Element selector:.active.owl-item > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > .text-overlay.text-center > .btn-link.color-yellow[target="_blank"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
.active.owl-item > .item > .justify-content-between.mb-5.row > .col-md-5.order-md-last > .img-container > img
-
Element's background color could not be determined because element contains an image node
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-01"> 1 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-01"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.home-events
-
Element content is too short to determine if it is actual text content
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-02"> 2 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-02"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.home-events
-
Element content is too short to determine if it is actual text content
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-03"> 3 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-03"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.home-events
-
Element content is too short to determine if it is actual text content
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-04"> 4 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-04"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.home-events
-
Element content is too short to determine if it is actual text content
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-05"> 5 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-05"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.home-events
-
Element content is too short to determine if it is actual text content
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-06"> 6 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-06"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.home-events
-
Element content is too short to determine if it is actual text content
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-07"> 7 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-07"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.home-events
-
Element content is too short to determine if it is actual text content
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-08"> 8 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-08"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.home-events
-
Element content is too short to determine if it is actual text content
-
<time class="tribe-events-calendar-month__day-date-daynum" datetime="2023-09-09"> 9 </time>
Element selector:.tribe-common-h6.tribe-common-h--alt.tribe-events-calendar-month__day-date > .tribe-events-calendar-month__day-date-daynum[datetime="2023-09-09"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.home-events
-
Element content is too short to determine if it is actual text content