Page Scan Results:

FINANCIAL SERVICES

Ensures aria-hidden elements are not focusable nor contain focusable elements. Axe Reference

1. <div data-v-75fec3c6="" data-v-683a2310="" class="flex flex-col person-tile px-2 w-full md:w-1/2 lg:w-1/3 h-full" aria-hidden="true" style="position: absolute; left: 100%;">

   Element selector:

   .person-tile.px-2[data-v-683a2310=""]:nth-child(3)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM .person-tile.px-2[data-v-683a2310=""]:nth-child(3) > .p-6.bg-maroon-500.flex-grow

Ensures links have discernible text. Axe Reference

1. <a data-v-75fec3c6="" href="https://www.oc.edu/directory/amy-schlup" tabindex="-1" class="relative bg-ethos" style="padding-top: 76%;"><img data-v-75fec3c6="" src="/dist/img/oc-logo-symbol.svg" alt="" class="absolute top-0 right-0 w-1/2 mt-6 opacity-50"></a>

   Element selector:

   .person-tile.px-2[data-v-683a2310=""]:nth-child(2) > .bg-ethos.relative[data-v-75fec3c6=""]
   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

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

1. <p class="-mt-2">

   Element selector:

   .-mt-2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element .c-header__main

2. <h3 class="h3 mb-8 uppercase text-marigold tracking-wide max-w-sm xl:w-5/12 xl:px-hsu xl:ml-1/12">
   Use this calendar to stay current with your financial status.
   </h3>

   Element selector:

   .max-w-sm
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

3. <h4 class="h5 mb-3 font-semibold ">
   Summer
   </h4>

   Element selector:

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

   • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

4. <p>Financial Services is available at all Take Flight sessions</p>

   Element selector:

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

   • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

5. <h4 class="h5 mb-3 font-semibold mt-10">
   July
   </h4>

   Element selector:

   .mb-3.mt-10: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 .c-column-color-block__main

6. <p>First fall statements are online, student account agreement forms are due and installment payment plan enrollment/first payment is due</p>

   Element selector:

   .c-wysiwyg:nth-child(4) > p
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

7. <h4 class="h5 mb-3 font-semibold mt-10">
   August
   </h4>

   Element selector:

   .mb-3.mt-10:nth-child(5)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

8. <p>Choose your meal plan </p>

   Element selector:

   .c-wysiwyg:nth-child(6) > p:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

9. <p>Financial paperwork and loan Master Promissory Notes due</p>

   Element selector:

   .c-wysiwyg:nth-child(6) > p: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 .c-column-color-block__main

10. <p>Semester payment due for students not on a payment plan</p>

    Element selector:

    .c-wysiwyg:nth-child(6) > p: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 .c-column-color-block__main

11. <h4 class="h5 mb-3 font-semibold mt-10">
    October 1
    </h4>

    Element selector:

    .mb-3.mt-10:nth-child(7)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

12. <p>The first day you can complete the FAFSA for next year</p>

    Element selector:

    .c-wysiwyg:nth-child(8) > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

13. <h4 class="h5 mb-3 font-semibold mt-10">
    December
    </h4>

    Element selector:

    .mb-3.mt-10:nth-child(9)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

14. <p>Award letters sent to first-time students</p>

    Element selector:

    .c-wysiwyg:nth-child(10) > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

15. <h4 class="h5 mb-3 font-semibold mt-10">
    January-March
    </h4>

    Element selector:

    .mb-3.mt-10:nth-child(11)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

16. <p>Award letters emailed to returning students</p>

    Element selector:

    .c-wysiwyg:nth-child(12) > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

17. <h4 class="h5 mb-3 font-semibold mt-10">
    May 1
    </h4>

    Element selector:

    .mb-3.mt-10:nth-child(13)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .c-column-color-block__main

18. <p>ParentPLUSLoan and Alternative Loan applications available</p>

    Element selector:

    .c-wysiwyg:nth-child(14) > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .c-column-color-block__main