Page Scan Results:

SIMPLY START THE CONVERSATION

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <a href="https://ru.edu/about-randall/who-we-are/meet-the-president/" class="btn btn-yellow" target="">Who We Are</a>

   Element selector:

   .active.owl-item > .prospective-students-slide[date-pos="0"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .btn-container > .btn-yellow.btn[target=""]:nth-child(1)
   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 .active.owl-item > .prospective-students-slide[date-pos="0"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .btn-container > .btn-yellow.btn[target=""]:nth-child(1)

2. <a href="https://ru.edu/current-students/chapel/" class="btn btn-yellow" target="">Chapel</a>

   Element selector:

   .active.owl-item > .prospective-students-slide[date-pos="0"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .btn-container > .btn-yellow.btn[target=""]:nth-child(2)
   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 .active.owl-item > .prospective-students-slide[date-pos="0"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .btn-container > .btn-yellow.btn[target=""]:nth-child(2)

3. <div class="indicates-required"><span class="asterisk">*</span> indicates required
   </div>

   Element selector:

   .indicates-required
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.61 (foreground color: #444444, background color: #cd9327, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 .card

4. <label for="mce-FNAME">First Name <span class="asterisk">*</span>
   </label>

   Element selector:

   label[for="mce-FNAME"]
   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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

5. <label for="mce-LNAME">Last Name <span class="asterisk">*</span>
   </label>

   Element selector:

   label[for="mce-LNAME"]
   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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

6. <label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
   </label>

   Element selector:

   label[for="mce-EMAIL"]
   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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

7. <label for="mce-PHONE">Phone Number </label>

   Element selector:

   label[for="mce-PHONE"]
   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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

8. <label for="mce-CLASS">Classification </label>

   Element selector:

   label[for="mce-CLASS"]
   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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

9. <label for="mce-SOURCE">How did you hear about us? </label>

   Element selector:

   label[for="mce-SOURCE"]
   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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

10. <strong>Are you interested in a campus visit? </strong>

    Element selector:

    .input-group.mc-field-group > strong
    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: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .card

11. <label for="mce-VISIT-0">Yes</label>

    Element selector:

    label[for="mce-VISIT-0"]
    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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

12. <label for="mce-VISIT-1">Not right now</label>

    Element selector:

    label[for="mce-VISIT-1"]
    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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

13. <label>Marketing Permissions</label>

    Element selector:

    .content__gdpr > label
    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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

14. <p>Please select how you would like Randall University to connect with you.
    Choose any that apply.</p>

    Element selector:

    .content__gdpr > p:nth-child(2)
    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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

15. <span>Email</span>

    Element selector:

    label[for="gdpr_425"] > span
    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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

16. <span>Phone Call</span>

    Element selector:

    label[for="gdpr_430"] > span
    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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

17. <span>Text</span>

    Element selector:

    label[for="gdpr_431"] > span
    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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

18. <p>You can unsubscribe at any time by clicking the link in the footer of our
    emails. For information about our privacy practices, please visit our
    website.</p>

    Element selector:

    p:nth-child(4)
    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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

19. <p>

    Element selector:

    .content__gdprLegal > p
    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: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .card

20. <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button subscribe">

    Element selector:

    #mc-embedded-subscribe
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.32 (foreground color: #ffffff, background color: #aaaaaa, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 #mc-embedded-subscribe

21. <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

Ensures links have discernible text. Axe Reference

1. <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

2. <a href="https://www.tiktok.com/@randalluniversity" target="_blank" class="mr-2 ml-2"> <i class="fa-brands fa-tiktok"></i></a>

   Element selector:

   .cloned.owl-item:nth-child(4) > .prospective-students-slide[date-pos="7"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .ml-2.mr-2[target="_blank"]
   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

3. <a href="https://www.instagram.com/randalluniversity/?hl=en" target="_blank" class="mr-2"> <i class="fa-brands fa-instagram"></i></a>

   Element selector:

   .cloned.owl-item:nth-child(4) > .prospective-students-slide[date-pos="7"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .mr-2[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

4. <a href="https://www.facebook.com/RandallUniversity" target="_blank" class="mr-2"><i class="fa-brands fa-facebook-f"></i></a>

   Element selector:

   .cloned.owl-item:nth-child(4) > .prospective-students-slide[date-pos="7"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .mr-2[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

5. <a href="https://www.tiktok.com/@randalluniversity" target="_blank" class="mr-2 ml-2"> <i class="fa-brands fa-tiktok"></i></a>

   Element selector:

   .owl-item:nth-child(8) > .prospective-students-slide[date-pos="3"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .ml-2.mr-2[target="_blank"]
   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

6. <a href="https://www.instagram.com/randalluniversity/?hl=en" target="_blank" class="mr-2"> <i class="fa-brands fa-instagram"></i></a>

   Element selector:

   .owl-item:nth-child(8) > .prospective-students-slide[date-pos="3"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .mr-2[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

7. <a href="https://www.facebook.com/RandallUniversity" target="_blank" class="mr-2"><i class="fa-brands fa-facebook-f"></i></a>

   Element selector:

   .owl-item:nth-child(8) > .prospective-students-slide[date-pos="3"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .mr-2[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

8. <a href="https://www.tiktok.com/@randalluniversity" target="_blank" class="mr-2 ml-2"> <i class="fa-brands fa-tiktok"></i></a>

   Element selector:

   .owl-item:nth-child(12) > .prospective-students-slide[date-pos="7"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .ml-2.mr-2[target="_blank"]
   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

9. <a href="https://www.instagram.com/randalluniversity/?hl=en" target="_blank" class="mr-2"> <i class="fa-brands fa-instagram"></i></a>

   Element selector:

   .owl-item:nth-child(12) > .prospective-students-slide[date-pos="7"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .mr-2[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

10. <a href="https://www.facebook.com/RandallUniversity" target="_blank" class="mr-2"><i class="fa-brands fa-facebook-f"></i></a>

    Element selector:

    .owl-item:nth-child(12) > .prospective-students-slide[date-pos="7"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .mr-2[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

11. <a href="https://www.tiktok.com/@randalluniversity" target="_blank" class="mr-2 ml-2"> <i class="fa-brands fa-tiktok"></i></a>

    Element selector:

    .cloned.owl-item:nth-child(16) > .prospective-students-slide[date-pos="3"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .ml-2.mr-2[target="_blank"]
    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

12. <a href="https://www.instagram.com/randalluniversity/?hl=en" target="_blank" class="mr-2"> <i class="fa-brands fa-instagram"></i></a>

    Element selector:

    .cloned.owl-item:nth-child(16) > .prospective-students-slide[date-pos="3"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .mr-2[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

13. <a href="https://www.facebook.com/RandallUniversity" target="_blank" class="mr-2"><i class="fa-brands fa-facebook-f"></i></a>

    Element selector:

    .cloned.owl-item:nth-child(16) > .prospective-students-slide[date-pos="3"] > .slide-copy > .justify-content-md-center.row.mb-5 > .col-11.col-md-10 > .color-beige.lead > h4 > .mr-2[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

14. <a href="https://www.facebook.com/RandallUniversity" target="_blank">

    Element selector:

    .col-12.text-center > 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

15. <a href="https://www.instagram.com/randalluniversity/?hl=en" target="_blank">

    Element selector:

    .col-12.text-center > 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

16. <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

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <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"

2. <img src="https://ru.edu/wp-content/themes/randall-university/img/its-real.png" class="img-fluid mb-5">

   Element selector:

   .prospective-students-slider-nav-container > .img-fluid
   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"

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

1. <a href="https://mailchimp.com/legal/terms" target="_blank">Learn more about Mailchimp's privacy practices
   here.</a>

   Element selector:

   .content__gdprLegal > p > a[target="_blank"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 2.69:1 with the surrounding text. (Minimum contrast is 3:1, link text: #cd9327, surrounding text: #ffffff) .content__gdprLegal > p
   • The link has no styling (such as underline) to distinguish it from the surrounding text .content__gdprLegal > p

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <a href="#." class="">Convenience <span></span></a>

   Element selector:

   li:nth-child(7) > a[href="#."]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

2. <a href="#." class="">Experience <span></span></a>

   Element selector:

   li:nth-child(8) > a[href="#."]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

3. <h2 class="color-yellow text-uppercase">Faith</h2>

   Element selector:

   .active.owl-item > .prospective-students-slide[date-pos="0"] > .slide-background > .overlay > .mobile-content > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .active.owl-item > .prospective-students-slide[date-pos="0"] > .slide-background > .overlay

4. <a href="https://mailchimp.com/legal/terms" target="_blank">Learn more about Mailchimp's privacy practices
   here.</a>

   Element selector:

   .content__gdprLegal > p > a[target="_blank"]
   Failing checks (At least one of these should pass)

   • Element has a 1:1 contrast ratio with the background .card

Ensures <video> elements have captions. Axe Reference

1. <video class="embed-responsive-item" fullscreen="" controls="">
   <source src="https://ru.edu/wp-content/themes/randall-university/img/chapel.mp4" type="video/mp4">
   </video>

   Element selector:

   .col-md-4:nth-child(1) > .mb-4.embed-responsive.embed-responsive-16by9 > video
   Failing checks (All of these should pass)

   • Check that captions is available for the element

2. <video class="embed-responsive-item" fullscreen="" controls="">
   <source src="https://ru.edu/wp-content/themes/randall-university/img/students.mp4" type="video/mp4">
   </video>

   Element selector:

   .col-md-4:nth-child(2) > .mb-4.embed-responsive.embed-responsive-16by9 > video
   Failing checks (All of these should pass)

   • Check that captions is available for the element

3. <video class="embed-responsive-item" fullscreen="" controls="">
   <source src="https://ru.edu/wp-content/themes/randall-university/img/class.mp4" type="video/mp4">
   </video>

   Element selector:

   .col-md-4:nth-child(3) > .mb-4.embed-responsive.embed-responsive-16by9 > video
   Failing checks (All of these should pass)

   • Check that captions is available for the element