Page Scan Results:

STUDENT SUPPORT

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>Student Support</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>Advising</h3>

   Element selector:

   .info-cards__body:nth-child(2) > .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 .info-cards__body:nth-child(2) > .gray-box:nth-child(1)

4. <a class="link--featured-tertiary" href="https://slate.okstate.edu/manage/login?realm=&amp;r=/portal/student_portal">Schedule an appointment</a>

   Element selector:

   .info-cards__body:nth-child(2) > .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 .info-cards__body:nth-child(2) > .gray-box:nth-child(1)

5. <h3>Bookstore</h3>

   Element selector:

   .info-cards__body:nth-child(2) > .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 .info-cards__body:nth-child(2) > .gray-box:nth-child(2)

6. <a class="link--featured-tertiary" href="https://universitystore.okstate.edu/textbooks/">Buy books</a>

   Element selector:

   .info-cards__body:nth-child(2) > .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 .info-cards__body:nth-child(2) > .gray-box:nth-child(2)

7. <h3>Campus Housing</h3>

   Element selector:

   .info-cards__body:nth-child(2) > .gray-box:nth-child(3) > .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 .info-cards__body:nth-child(2) > .gray-box:nth-child(3)

8. <a class="link--featured-tertiary" href="https://reslife.okstate.edu/">Living options</a>

   Element selector:

   a[href$="reslife.okstate.edu/"]
   Failing checks (At least one of these should pass)

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

9. <a class="link--featured-tertiary" href="https://lcl.okstate.edu/student-organization-resources.html">Join an organization</a>

   Element selector:

   .info-cards__body:nth-child(3) > .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 .info-cards__body:nth-child(3) > .gray-box:nth-child(1)

10. <h3>Career Services</h3>

    Element selector:

    .info-cards__body:nth-child(3) > .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 .info-cards__body:nth-child(3) > .gray-box:nth-child(2)

11. <a class="link--featured-tertiary" style="font-size: 16px;" href="http://hireosugrads.com/">Find a job</a>

    Element selector:

    a[href$="hireosugrads.com/"]
    Failing checks (At least one of these should pass)

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

12. <h3>Dining</h3>

    Element selector:

    .info-cards__body:nth-child(3) > .gray-box:nth-child(3) > .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 .info-cards__body:nth-child(3) > .gray-box:nth-child(3)

13. <a class="link--featured-tertiary" href="https://dining.okstate.edu/">View dining options</a>

    Element selector:

    a[href$="dining.okstate.edu/"]
    Failing checks (At least one of these should pass)

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

14. <a class="link--featured-tertiary" href="https://wellness.okstate.edu/">Become a healthier you</a>

    Element selector:

    a[href$="wellness.okstate.edu/"]
    Failing checks (At least one of these should pass)

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

15. <h3>Libraries</h3>

    Element selector:

    .info-cards__body:nth-child(4) > .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 .info-cards__body:nth-child(4) > .gray-box:nth-child(2)

16. <a class="link--featured-tertiary" href="https://library.okstate.edu/">Search the library</a>

    Element selector:

    a[href$="library.okstate.edu/"]
    Failing checks (At least one of these should pass)

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

17. <span class="head">Student Code of Conduct</span>

    Element selector:

    h1 > .head
    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

18. <span class="subhead">Your rights and responsibilities as an OSU student</span>

    Element selector:

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

19. <p>The OSU Student Code of Conduct provide civic and social guidelines for members of
    the OSU community.&nbsp;</p>

    Element selector:

    .feature-text-with-black-callout__main > p
    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

20. <a role="button" class="button" href="https://ssc.okstate.edu/student-conduct/">
    View the code
    </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