Page Scan Results:

TUITION AND FINANCIAL AID

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

1. <a class="btn btn-default btn-light-blue btn-block" href="/tuition-and-financial-aid/undergraduate/scholarships-and-grants/index.php">Undergraduate Scholarships &nbsp;</a>

   Element selector:

   .btn-block.btn-light-blue.btn-default
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.7 (foreground color: #ffffff, background color: #6da3cd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .btn-block.btn-light-blue.btn-default

2. <a class="btn btn-default btn-light-blue m-sm-3 align-items-stretch m-2" href="/tuition-and-financial-aid/undergraduate/index.php">Undergraduate</a>

   Element selector:

   .btn-light-blue.m-sm-3.align-items-stretch
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.7 (foreground color: #ffffff, background color: #6da3cd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .btn-light-blue.m-sm-3.align-items-stretch

3. <a class="btn btn-default btn-light-blue" href="/tuition-and-financial-aid/fafsa/index.php" role="button">Learn More</a>

   Element selector:

   .reversed > .wrap.container > .row > .col > .restrict > .btn-light-blue.btn-default[role="button"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.7 (foreground color: #ffffff, background color: #6da3cd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .reversed > .wrap.container > .row > .col > .restrict > .btn-light-blue.btn-default[role="button"]

4. <a href="/tuition-and-financial-aid/fafsa/loans/private-loans.php">Learn More</a>

   Element selector:

   .row:nth-child(2) > .col-lg-4.col-md-6:nth-child(1) > .article.card > .card-body > h3 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(2) > .col-lg-4.col-md-6:nth-child(1) > .article.card

5. <a href="/tuition-and-financial-aid/fafsa/loans/index.php">Learn More</a>

   Element selector:

   .row:nth-child(2) > .col-lg-4.col-md-6:nth-child(2) > .article.card > .card-body > h3 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(2) > .col-lg-4.col-md-6:nth-child(2) > .article.card

6. <a href="/tuition-and-financial-aid/fafsa/loans/integrity-loan.php">Learn More</a>

   Element selector:

   .row:nth-child(2) > .col-lg-4.col-md-6:nth-child(3) > .article.card > .card-body > h3 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(2) > .col-lg-4.col-md-6:nth-child(3) > .article.card

7. <a href="/tuition-and-financial-aid/fafsa/grants.php">Learn More</a>

   Element selector:

   .row:nth-child(3) > .col-lg-4.col-md-6:nth-child(1) > .article.card > .card-body > h3 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(3) > .col-lg-4.col-md-6:nth-child(1) > .article.card

8. <a href="/tuition-and-financial-aid/payment-plans.php">Learn More</a>

   Element selector:

   .row:nth-child(3) > .col-lg-4.col-md-6:nth-child(2) > .article.card > .card-body > h3 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(3) > .col-lg-4.col-md-6:nth-child(2) > .article.card

9. <a href="/tuition-and-financial-aid/price-calculator.php">Get Started</a>

   Element selector:

   .row:nth-child(3) > .col-lg-4.col-md-6:nth-child(3) > .article.card > .card-body > h3 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(3) > .col-lg-4.col-md-6:nth-child(3) > .article.card

10. <a class="btn btn-default btn-light-blue" href="/admissions/connect-with-counselor/financial-aid.php" role="button">Schedule Now</a>

    Element selector:

    .hero-fading-color-horizontal.mt-5:nth-child(9) > .wrap.container > .row > .col > .restrict > .btn-light-blue.btn-default[role="button"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.7 (foreground color: #ffffff, background color: #6da3cd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .hero-fading-color-horizontal.mt-5:nth-child(9) > .wrap.container > .row > .col > .restrict > .btn-light-blue.btn-default[role="button"]

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>Tuition and Financial Aid</h1>

   Element selector:

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

   • Element's background color could not be determined due to a background image .stovall .interior-hero-overlay

2. <span class="text">Undergraduate Tuition and Financial Aid</span>

   Element selector:

   .large.hex:nth-child(1) > .hex-in > .hex-link.btn-hexagon[role="button"] > .text
   Failing checks (At least one of these should pass)

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

3. <span class="text">Graduate Tuition and Financial Aid</span>

   Element selector:

   .hex:nth-child(2) > .hex-in > .hex-link.btn-hexagon[role="button"] > .text
   Failing checks (At least one of these should pass)

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

4. <span class="text">Online Tuition and Financial Aid</span>

   Element selector:

   .large.hex:nth-child(3) > .hex-in > .hex-link.btn-hexagon[role="button"] > .text
   Failing checks (At least one of these should pass)

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

5. <h1 style="text-align: center;">YOUR EDUCATION IS WORTH MORE THAN YOU THINK</h1>

   Element selector:

   .flex-column > h1
   Failing checks (At least one of these should pass)

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

6. <h2>Scholarships</h2>

   Element selector:

   .angled-tan-content > h2
   Failing checks (At least one of these should pass)

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

7. <p>We’re committed to making a Spirit-empowered degree from ORU more accessible and affordable.
   Explore the many scholarships we offer to our students.</p>

   Element selector:

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

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

8. <h2>FAFSA</h2>

   Element selector:

   .reversed > .wrap.container > .row > .col > .restrict > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .reversed > .fade-overlay

9. <p>

   Element selector:

   .reversed > .wrap.container > .row > .col > .restrict > p
   Failing checks (At least one of these should pass)

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

10. <h2>Schedule a Financial Aid Session</h2>

    Element selector:

    .hero-fading-color-horizontal.mt-5:nth-child(9) > .wrap.container > .row > .col > .restrict > h2
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .hero-fading-color-horizontal.mt-5:nth-child(9) > .fade-overlay

11. <p>Don't let finances stand in the way of your future! Schedule a meeting with our team
    and let us assist you in helping create the best plan for you and your family.</p>

    Element selector:

    .hero-fading-color-horizontal.mt-5:nth-child(9) > .wrap.container > .row > .col > .restrict > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .hero-fading-color-horizontal.mt-5:nth-child(9) > .fade-overlay

12. <h2>Take the next step<br>toward your career.</h2>

    Element selector:

    .caption > h2
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .cta-hero > .overlay .cta-hero