Page Scan Results:

MILITARY

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

1. <span class="color-light-blue">October 16th!</span>

   Element selector:

   .section-info:nth-child(3) > .container > .py-5.row > .pl-md-5.col-md-6.col-12 > .mw-75.text-uppercase.mx-auto > .color-light-blue
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.2 (foreground color: #6da3cd, background color: #efe7d9, font size: 21.3pt (28.4px), font weight: bold). Expected contrast ratio of 3:1 .section-info:nth-child(3) > .container > .py-5.row body

2. <span class="color-light-blue">Military Spouses</span>

   Element selector:

   .section-info:nth-child(14) > .container > .py-5.row > .pl-md-5.col-md-6.col-12 > .mw-75.text-uppercase.mx-auto > .color-light-blue
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.2 (foreground color: #6da3cd, background color: #efe7d9, font size: 21.3pt (28.4px), font weight: bold). Expected contrast ratio of 3:1 .section-info:nth-child(14) > .container > .py-5.row body

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 interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference

1. <button onclick="set_lang_ch()" style="padding:none;">
   <a class="item-ch" target="_top" data-locale="zh_cn" href="?locale=zh_cn" title="漢語" aria-label="Translate to 漢語"> 
   <img src="https://uploads.bablic.com/flags/32/zh_cn.png" alt="漢語">
   </a>
   </button>

   Element selector:

   button[onclick="set_lang_ch()"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants .item-ch

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

1. <h1 class="hero-online__title text-white">Military</h1>

   Element selector:

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

   • Element's background color could not be determined due to a background gradient .hero-online-overlay

2. <p class="hero-online__copy text-white">

   Element selector:

   .hero-online__copy
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .hero-online-overlay

3. <span class="nav-online__txt">Online Programs</span>

   Element selector:

   .nav-online__item:nth-child(1) > .nav-online__overlay > .nav-online__link > .nav-online__txt
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .nav-online__item:nth-child(1) > .nav-online__overlay > .nav-online__link .nav-online__item:nth-child(1) > .nav-online__overlay

4. <span class="nav-online__txt">Tuition and Aid</span>

   Element selector:

   .nav-online__item:nth-child(2) > .nav-online__overlay > .nav-online__link > .nav-online__txt
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .nav-online__item:nth-child(2) > .nav-online__overlay > .nav-online__link .nav-online__item:nth-child(2) > .nav-online__overlay

5. <span class="nav-online__txt">Free Assessment </span>

   Element selector:

   .nav-online__item:nth-child(3) > .nav-online__overlay > .nav-online__link > .nav-online__txt
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .nav-online__item:nth-child(3) > .nav-online__overlay > .nav-online__link .nav-online__item:nth-child(3) > .nav-online__overlay

6. <span class="nav-online__txt">Contact Us </span>

   Element selector:

   .nav-online__item:nth-child(4) > .nav-online__overlay > .nav-online__link > .nav-online__txt
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .nav-online__item:nth-child(4) > .nav-online__overlay > .nav-online__link .nav-online__item:nth-child(4) > .nav-online__overlay

7. <span class="nav-online__txt">Apply Now </span>

   Element selector:

   .nav-online__item:nth-child(5) > .nav-online__overlay > .nav-online__link > .nav-online__txt
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .nav-online__item:nth-child(5) > .nav-online__overlay > .nav-online__link .nav-online__item:nth-child(5) > .nav-online__overlay

8. <h2 class="collection__title mb-4 text-white text-center">
   HOW CAN I AFFORD AN ONLINE DEGREE FROM ORU?
   </h2>

   Element selector:

   .section:nth-child(9) > .box-contact.container > .box-contact-content.py-5 > .collection__title.mb-4.text-white
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .section:nth-child(9) > .box-contact.container

9. <p class="collection__text text-white mx-auto w-75 text-center">

   Element selector:

   .section:nth-child(9) > .box-contact.container > .box-contact-content.py-5 > .collection__text.w-75.mx-auto
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .section:nth-child(9) > .box-contact.container

10. <h2 class="collection__title mb-4 text-white text-center">
    Contact Us 
    </h2>

    Element selector:

    .section:nth-child(21) > .box-contact.container > .box-contact-content.py-5 > .collection__title.mb-4.text-white
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .section:nth-child(21) > .box-contact.container

11. <p class="collection__text text-white mx-auto w-75 text-center">
    Get to know our Veterans Experience Director below and schedule a meeting to discuss
    how you can start your journey with us. 
    </p>

    Element selector:

    .section:nth-child(21) > .box-contact.container > .box-contact-content.py-5 > .collection__text.w-75.mx-auto
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .section:nth-child(21) > .box-contact.container

12. <a href="https://oru.edu/admissions/connect-with-counselor/military.php" class="btn btn-default btn-tan">Learn More. </a>

    Element selector:

    .mb-0.text-center > .btn-tan.btn-default.btn
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .section:nth-child(21) > .box-contact.container