Page Scan Results:

Financial Aid

Ensures <li> elements are used semantically. Axe Reference

1. <li>
   <a href="https://selfservice.ecok.edu/Student/Courses">Course Schedule</a>
   </li>

   Element selector:

   .open > .sub-menu[role="menu"] > li:nth-child(1)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

2. <li>
   <a href="https://www.ecok.edu/current-students/records-office/ecu-academic-calendar-glance">Academic Calendar at a Glance</a>
   </li>

   Element selector:

   .open > .sub-menu[role="menu"] > li:nth-child(2)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

3. <li>
   <a href="/academics/find-major-program" target="_self" data-drupal-link-system-path="academics/find-major-program">Find a Major/Program</a>
   </li>

   Element selector:

   .open > .sub-menu[role="menu"] > li:nth-child(3)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

4. <li>
   <a href="/academics/catalog" data-drupal-link-system-path="node/123">Catalog</a>
   </li>

   Element selector:

   .open > .sub-menu[role="menu"] > li:nth-child(4)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

5. <li class="dropdown expanded active below">

   Element selector:

   .open > .sub-menu[role="menu"] > .below.active.dropdown
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

6. <li>
   <a href="/current-students/paying-college/teachers-promise" data-drupal-link-system-path="node/13896">Teacher's Promise</a>
   </li>

   Element selector:

   .open > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(1)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

7. <li class="dropdown expanded active below">

   Element selector:

   .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

8. <li>
   <a href="/current-students/paying-college/financial-aid/academic-scholarships" data-drupal-link-system-path="node/113">Academic Scholarships</a>
   </li>

   Element selector:

   .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(1)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

9. <li>
   <a href="/current-students/paying-college/financial-aid/grants" data-drupal-link-system-path="node/151">Grants</a>
   </li>

   Element selector:

   .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(2)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

10. <li>
    <a href="/current-students/paying-college/financial-aid/cost-attendance" data-drupal-link-system-path="node/117">Cost Estimation</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(3)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

11. <li>
    <a href="/current-students/paying-college/financial-aid/academic-progress" data-drupal-link-system-path="node/12243">Academic Progress</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(4)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

12. <li>
    <a href="/current-students/paying-college/financial-aid/consumer-information" data-drupal-link-system-path="node/12237">Consumer Information</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(5)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

13. <li>
    <a href="/current-students/paying-college/financial-aid/early-fafsa" data-drupal-link-system-path="node/8187">Early FAFSA</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(6)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

14. <li>
    <a href="/current-students/paying-college/financial-aid/financial-aid-faq" data-drupal-link-system-path="node/12246">FAQ</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(7)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

15. <li>
    <a href="/current-students/paying-college/financial-aid/financial-aid-forms" data-drupal-link-system-path="node/12823">Financial Aid Forms</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(8)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

16. <li>
    <a href="/current-students/paying-college/financial-aid/how-apply-financial-aid" data-drupal-link-system-path="node/12245">How to Apply for Financial Aid</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(9)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

17. <li>
    <a href="/current-students/paying-college/financial-aid/loans" data-drupal-link-system-path="node/8186">Loans</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(10)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

18. <li>
    <a href="/current-students/paying-college/financial-aid/penalties-drug-law-violations" data-drupal-link-system-path="node/12253">Penalties for Drug Law Violations</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > li:nth-child(11)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

19. <li>
    <a href="/current-students/paying-college/financial-aid/financial-aid-modules" data-drupal-link-system-path="node/15108">Financial Aid for Modules</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > li:nth-child(12)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

20. <li>
    <a href="/current-students/paying-college/financial-aid/policies-and-procedures" data-drupal-link-system-path="node/12266">Policies and Procedures</a>
    </li>

    Element selector:

    li:nth-child(13)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

21. <li>
    <a href="/current-students/paying-college/financial-aid/financial-aid-resources" data-drupal-link-system-path="node/12252">Resources</a>
    </li>

    Element selector:

    li:nth-child(14)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

22. <li>
    <a href="/current-students/paying-college/financial-aid/special-conditions" data-drupal-link-system-path="node/12250">Special Conditions</a>
    </li>

    Element selector:

    li:nth-child(15)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

23. <li>
    <a href="/current-students/paying-college/financial-aid/veterans-educational-benefits" data-drupal-link-system-path="node/12783">Veterans Educational Benefits</a>
    </li>

    Element selector:

    li:nth-child(16)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

24. <li class="dropdown collapsed">
    <a href="/current-students/paying-college/office-bursar" data-drupal-link-system-path="node/4243">Office of the Bursar</a>
    </li>

    Element selector:

    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .collapsed.dropdown
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

25. <li>
    <a href="/current-students/paying-college/federal-work-study" data-drupal-link-system-path="node/115">Federal Work Study</a>
    </li>

    Element selector:

    .open > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(4)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

26. <li>
    <a href="/current-students/paying-college/net-price-calculator" data-drupal-link-system-path="node/8188">Net Price Calculator</a>
    </li>

    Element selector:

    .open > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(5)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

27. <li class="dropdown collapsed">
    <a href="/current-students/student-services" target="_self" data-drupal-link-system-path="node/382">Student Services</a>
    </li>

    Element selector:

    .collapsed.dropdown:nth-child(6)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

28. <li class="dropdown collapsed">
    <a href="/current-students/records-office" data-drupal-link-system-path="node/162">Records Office</a>
    </li>

    Element selector:

    .collapsed.dropdown:nth-child(7)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

29. <li>
    <a href="/housing" data-drupal-link-system-path="node/112">Living on Campus</a>
    </li>

    Element selector:

    .open > .sub-menu[role="menu"] > li:nth-child(8)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

30. <li>
    <a href="/current-students/student-resources" data-drupal-link-system-path="node/16103">Student Resources</a>
    </li>

    Element selector:

    .open > .sub-menu[role="menu"] > li:nth-child(9)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

31. <li>
    <a href="/current-students/ecu-tiger-updates" data-drupal-link-system-path="node/16255">ECU Tiger Updates</a>
    </li>

    Element selector:

    .open > .sub-menu[role="menu"] > li:nth-child(10)
    Failing checks (At least one of these should pass)

    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

Ensures elements with an ARIA role that require child roles contain them. Axe Reference

1. <ul class="sub-menu" role="menu">

   Element selector:

   .open > .sub-menu[role="menu"]
   Failing checks (At least one of these should pass)

   • Element has children which are not allowed: li[tabindex] .open > .sub-menu[role="menu"] > li:nth-child(1) .open > .sub-menu[role="menu"] > li:nth-child(2) .open > .sub-menu[role="menu"] > li:nth-child(3) .open > .sub-menu[role="menu"] > li:nth-child(4) .open > .sub-menu[role="menu"] > .below.active.dropdown .collapsed.dropdown:nth-child(6) .collapsed.dropdown:nth-child(7) .open > .sub-menu[role="menu"] > li:nth-child(8) .open > .sub-menu[role="menu"] > li:nth-child(9) .open > .sub-menu[role="menu"] > li:nth-child(10)
   • Element uses aria-busy="true" while showing a loader

2. <ul class="sub-menu" role="menu">

   Element selector:

   .open > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"]
   Failing checks (At least one of these should pass)

   • Element has children which are not allowed: li[tabindex] .open > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(1) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .collapsed.dropdown .open > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(4) .open > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(5)
   • Element uses aria-busy="true" while showing a loader

3. <ul class="sub-menu" role="menu">

   Element selector:

   .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"]
   Failing checks (At least one of these should pass)

   • Element has children which are not allowed: li[tabindex] .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(1) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(2) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(3) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(4) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(5) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(6) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(7) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(8) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(9) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(10) .sub-menu[role="menu"] > li:nth-child(11) .sub-menu[role="menu"] > li:nth-child(12) li:nth-child(13) li:nth-child(14) li:nth-child(15) li:nth-child(16)
   • Element uses aria-busy="true" while showing a loader

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

1. <a href="http://ifap.ed.gov/eannouncements/attachments/051613DirectSubsidizedLoanLimit150PercentAnnounce1Attach.pdf" target="_blank">Find out more</a>

   Element selector:

   div:nth-child(1) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(1) > a[target="_blank"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 2.79:1 with the surrounding text. (Minimum contrast is 3:1, link text: #dd3810, surrounding text: #333333) div:nth-child(1) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(1)
   • The link has no styling (such as underline) to distinguish it from the surrounding text div:nth-child(1) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(1)

2. <a href="https://studentaid.gov/h/apply-for-aid/fafsa" target="_blank">The&nbsp;Free Application for Federal Student Aid (FAFSA)</a>

   Element selector:

   p:nth-child(11) > a[target="_blank"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 2.79:1 with the surrounding text. (Minimum contrast is 3:1, link text: #dd3810, surrounding text: #333333) p:nth-child(11)
   • The link has no styling (such as underline) to distinguish it from the surrounding text p:nth-child(11)

Ensures <meta name="viewport"> does not disable text scaling and zooming. Axe Reference

1. <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

   Element selector:

   meta[name="viewport"]:nth-child(30)
   Failing checks (At least one of these should pass)

   • user-scalable=no on <meta> tag disables zooming on mobile devices

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

1. <h3 class="title">CONTACT</h3>

   Element selector:

   h3
   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 .content

2. <p><strong>Office</strong><br>
   Administration Building, Room 101A<br>
   580-559-5243<br>
   580-559-5638 (fax)<br><a href="mailto:financialaid@ecok.edu">financialaid@ecok.edu</a></p>

   Element selector:

   .content > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(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 .content

3. <a href="mailto:financialaid@ecok.edu">financialaid@ecok.edu</a>

   Element selector:

   a[href="mailto:financialaid@ecok.edu"]
   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 .content