Page Scan Results:

COST & AID

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

1. <a href="#top" class="sg-standalone link--back-to-top link--back-to-top--global">

   Element selector:

   .link--back-to-top--global
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.12 (foreground color: #cecece, background color: #5e5e5e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .link--back-to-top--global footer

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

1. <tspan x="0" y="36">MENU</tspan>

   Element selector:

   .icon[viewBox="0 0 31 37"] > g[stroke="none"][stroke-width="1"][fill="none"] > g[transform="translate(-305 -36)"] > g > g[transform="translate(305 36)"] > text > tspan
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node .icon[viewBox="0 0 31 37"]

2. <h1>Cost &amp; Aid</h1>

   Element selector:

   .page-section__container > h1
   Failing checks (At least one of these should pass)

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

3. <h3>In-State</h3>

   Element selector:

   .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(1) > .content-container > .content-container__main > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(1)

4. <p>$32,260</p>

   Element selector:

   .gray-box:nth-child(1) > .content-container > .content-container__main > p
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(1)

5. <a href="/scholarships-financial-aid/types-of-aid/scholarships-and-grants/freshman-scholarships/in-state-scholarships/index.html">scholarships</a>

   Element selector:

   .gray-box:nth-child(1) > .content-container > .content-container__main > ul > li:nth-child(2) > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(1)

6. <h3>Out-of-State</h3>

   Element selector:

   .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(2) > .content-container > .content-container__main > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(2)

7. <p>$47,780</p>

   Element selector:

   .gray-box:nth-child(2) > .content-container > .content-container__main > p
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(2)

8. <a href="/scholarships-financial-aid/types-of-aid/scholarships-and-grants/freshman-scholarships/out-of-state-scholarships/index.html">scholarships</a>

   Element selector:

   .gray-box:nth-child(2) > .content-container > .content-container__main > ul > li:nth-child(2) > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(2)

9. <a class="link--featured-tertiary" href="/scholarships-financial-aid/cost-of-attendance/undergraduate-cost/out-of-state-cost/index.html">OUT-OF-STATE COST DETAILS</a>

   Element selector:

   .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(2) > .link--featured-tertiary
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .has-background-image.has-background.page-section:nth-child(5) > .info-cards > .info-cards__container > .info-cards__body > .gray-box:nth-child(2)

10. <h3 id="h_490125266441662493961180">International</h3>

    Element selector:

    #h_490125266441662493961180
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box:nth-child(3)

11. <p>$49,928</p>

    Element selector:

    .gray-box:nth-child(3) > .content-container > .content-container__main > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box:nth-child(3)

12. <a href="/scholarships-financial-aid/types-of-aid/scholarships-and-grants/international-scholarships.html">scholarships</a>

    Element selector:

    .gray-box:nth-child(3) > .content-container > .content-container__main > ul > li:nth-child(2) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box:nth-child(3)

13. <a class="link--featured-tertiary" href="/scholarships-financial-aid/cost-of-attendance/undergraduate-cost/international-cost/index.html">INTERNATIONAL COST DETAILS</a>

    Element selector:

    .gray-box:nth-child(3) > .link--featured-tertiary
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box:nth-child(3)

14. <h3>Graduate</h3>

    Element selector:

    .gray-box--double.gray-box:nth-child(1) > .content-container > .content-container__main > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box--double.gray-box:nth-child(1)

15. <li>$38,770 for out-of-state</li>

    Element selector:

    .gray-box--double.gray-box:nth-child(1) > .content-container > .content-container__main > ul > li:nth-child(2)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box--double.gray-box:nth-child(1)

16. <li>$41,258 for international</li>

    Element selector:

    .gray-box--double.gray-box:nth-child(1) > .content-container > .content-container__main > ul > li:nth-child(3)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box--double.gray-box:nth-child(1)

17. <li>Based on 16 credit hours</li>

    Element selector:

    .content-container__main > ul > li:nth-child(4)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box--double.gray-box:nth-child(1)

18. <a class="link--featured-tertiary" href="/scholarships-financial-aid/cost-of-attendance/graduate-cost/index.html">GRADUATE&nbsp;COST DETAILS</a>

    Element selector:

    .gray-box--double.gray-box:nth-child(1) > .link--featured-tertiary
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box--double.gray-box:nth-child(1)

19. <li>$75,370 for out-of-state&nbsp;</li>

    Element selector:

    .gray-box--double.gray-box:nth-child(2) > .content-container > .content-container__main > ul > li:nth-child(2)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .gray-box--double.gray-box:nth-child(2)

20. <h2 class="feature-text-with-black-callout__heading">
    Still have questions? Looking for something specific?
    </h2>

    Element selector:

    .feature-text-with-black-callout__heading
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .feature-text-with-black-callout

21. <h3 class="feature-text-with-black-callout__subheading">Use our topical index to find what you're looking for.</h3>

    Element selector:

    .feature-text-with-black-callout__subheading
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .feature-text-with-black-callout

22. <a role="button" class="button" href="/scholarships-financial-aid/cost-and-aid-a-z/index.html">
    All topics A-Z
    </a>

    Element selector:

    .feature-text-with-black-callout__main > .button[role="button"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .feature-text-with-black-callout