Page Scan Results:

ORU MISSION

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

1. <img src="/_zz-test/vision-beta/assets/hexagons.png">

   Element selector:

   .col-lg-5 > 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="/about-oru/assets/quo.png">

   Element selector:

   img[src$="quo.png"]
   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"

3. <img src="/about-oru/assets/quo-end.png">

   Element selector:

   img[src$="quo-end.png"]
   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"

4. <img data-elem="pinchzoomer" style="touch-action: pan-x pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; opacity: 0; position: absolute; transform-origin: 0px 0px 0px; inset: 0px auto auto 0px; transform: matrix(0.198606, 0, 0, 0.198606, -0.164, 0); image-rendering: auto; backface-visibility: hidden;">

   Element selector:

   img[data-elem="pinchzoomer"]
   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"

Ensures links have discernible text. Axe Reference

1. <a href="#collapse-search" aria-controls="collapse-search" aria-expanded="false" data-toggle="collapse">
   <div class="search-title">Search</div><span class="fas fa-search" aria-hidden="true"></span></a>

   Element selector:

   a[aria-controls="collapse-search"]
   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 the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <h2 class="visionh purpose text-white">
   You are called to live with purpose! </h2>

   Element selector:

   .purpose
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements

2. <p class="lead pl-0 pb-4" style="color:#E2D3B5;">

   Element selector:

   .pl-0
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .page-header-image

3. <span style="font-weight: 600;">
   change the world. </span>

   Element selector:

   .pl-0 > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .page-header-image

4. <div class="rotate">ORU</div>

   Element selector:

   h1 > .rotate
   Failing checks (At least one of these should pass)

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

5. <div class="notate" style="opacity:.5;">MISSION</div>

   Element selector:

   h1 > .notate
   Failing checks (At least one of these should pass)

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

6. <p class="lead text-white p-0 missionstatement">
   To develop Holy Spirit-empowered leaders through whole-person education to impact the world. </p>

   Element selector:

   .missionstatement
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .mission-block .section:nth-child(3)

7. <div class="rotate">ORU</div>

   Element selector:

   .visionhd > .rotate
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .section-vision

8. <div class="notate" style="opacity:.5;">VISION</div>

   Element selector:

   .visionhd > .notate
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .section-vision

9. <p class="lead" style="color:#1C335F;">

   Element selector:

   .row:nth-child(2) > .col-md-6.text-center > .lead
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .section-vision

10. <div class="rotate-long">ORU</div>

    Element selector:

    .achievementshd > .rotate-long
    Failing checks (At least one of these should pass)

    • Unable to determine contrast ratio

11. <div class="notate-long" style="opacity:.5; padding-left:20px;">ACHIEVEMENTS</div>

    Element selector:

    .achievementshd > .notate-long
    Failing checks (At least one of these should pass)

    • Unable to determine contrast ratio

12. <li data-target="#carouselExampleIndicators" data-slide-to="1">Personal Resilience</li>

    Element selector:

    li[data-slide-to="1"]
    Failing checks (At least one of these should pass)

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

13. <li data-target="#carouselExampleIndicators" data-slide-to="2">Intellectual Pursuit</li>

    Element selector:

    li[data-slide-to="2"]
    Failing checks (At least one of these should pass)

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

14. <li data-target="#carouselExampleIndicators" data-slide-to="3">Global Engagement</li>

    Element selector:

    li[data-slide-to="3"]
    Failing checks (At least one of these should pass)

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

15. <li data-target="#carouselExampleIndicators" data-slide-to="4">Bold Vision</li>

    Element selector:

    li[data-slide-to="4"]
    Failing checks (At least one of these should pass)

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

16. <a href="/info/general-rfi/index.php?mtm_campaign=ongoing-vision-and-mission&amp;mtm_kwd=vision-and-mission&amp;mtm_source=vision-and-mission-page&amp;mtm_medium=website" class="btn btn-block btn-tan" role="button">Learn More</a>

    Element selector:

    .active.carousel-item > .container > .carousel-info.row > .col-md-7 > div > .btn-block.btn-tan.btn
    Failing checks (At least one of these should pass)

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

17. <p style="font-size: 1.1rem; line-height: 1.6rem; font-weight: 600; letter-spacing: -.04rem;">

    Element selector:

    .px-5 > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .row-pres

18. <em>the</em>

    Element selector:

    em:nth-child(1)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .row-pres

19. <em>the</em>

    Element selector:

    em:nth-child(2)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .row-pres

20. <p class="visionh pres-name" style="text-align:right;">
    President Billy Wilson </p>

    Element selector:

    .pres-name
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .row-pres

21. <div class="rotate-long">ORU</div>

    Element selector:

    .careerohd > .rotate-long
    Failing checks (At least one of these should pass)

    • Unable to determine contrast ratio

22. <div class="notate-long" style="opacity:.5;">CAREER&nbsp;OUTCOMES</div>

    Element selector:

    .careerohd > .notate-long
    Failing checks (At least one of these should pass)

    • Unable to determine contrast ratio

23. <h2 class="testimonial-title">In Their Own Words</h2>

    Element selector:

    .testimonial-title
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #carousel-testimonials

24. <h3 class="card-title testimonialh">Liberty Grace Bland</h3>

    Element selector:

    .active.carousel-item > .container-testimonial.container > .row > .col-md-5.ml-auto:nth-child(1) > .card-title.testimonialh
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #carousel-testimonials

25. <h3 class="testimonialh">• • •</h3>

    Element selector:

    .active.carousel-item > .container-testimonial.container > .row > .col-md-5.ml-auto:nth-child(1) > .testimonialh:nth-child(2)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #carousel-testimonials

26. <p class="text-white">
    ORU provided a space for me to dream God-sized dreams for my life, as well as cultivated a heart prepared for pursuing purpose. </p>

    Element selector:

    .active.carousel-item > .container-testimonial.container > .row > .col-md-5.ml-auto:nth-child(1) > .text-white
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #carousel-testimonials

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

1. <a class="declinecookies btn btn-cookies" id="decline-button" aria-label="Close">decline cookies</a>

   Element selector:

   #decline-button
   Failing checks (All of these should pass)

   • aria-label attribute is not well supported on a a with no valid role attribute.