Page Scan Results:

Paying for College

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:

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

   .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 collapsed">
   <a href="/current-students/paying-college/financial-aid" data-drupal-link-system-path="node/114">Financial Aid</a>
   </li>

   Element selector:

   .collapsed.dropdown: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"

8. <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:

   .collapsed.dropdown: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"

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

   Element selector:

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

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

    Element selector:

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

11. <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"

12. <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"

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

    Element selector:

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

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

    Element selector:

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

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

    Element selector:

    .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) .sub-menu[role="menu"] > .below.active.dropdown .collapsed.dropdown:nth-child(6) .collapsed.dropdown:nth-child(7) .sub-menu[role="menu"] > li:nth-child(8) .sub-menu[role="menu"] > li:nth-child(9) .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:

   .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"] > li:nth-child(1) .collapsed.dropdown:nth-child(2) .collapsed.dropdown:nth-child(3) .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"] > li:nth-child(5)
   • 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="/donate/ways-give/scholarship-information">Foundation Scholarship Page</a>

   Element selector:

   div:nth-child(3) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(1) > a
   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(3) > .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(3) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(1)

2. <a data-auth="NotApplicable" data-linkindex="1" data-safelink="true" href="https://www.ecok.edu/donate/ways-give/scholarship-information" rel="noopener noreferrer" target="_blank">Foundation Scholarship Page</a>

   Element selector:

   a[data-auth="NotApplicable"]
   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(3) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(2)
   • The link has no styling (such as underline) to distinguish it from the surrounding text div:nth-child(3) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(2)

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/-pnsZAioJx0?autoplay=1&amp;mute=0" width="560"></iframe>

   Element selector:

   iframe[allow="autoplay; encrypted-media"]
   Failing checks (At least one of these should pass)

   • Element has no title attribute
   • 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's default semantics were not overridden with role="none" or role="presentation"

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

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

1. <a href="https://studentaid.gov/h/apply-for-aid/fafsa" target="_blank"><strong>FAFSA</strong></a>

   Element selector:

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

   • Element's contrast ratio could not be determined because of element overlap .field--name-field-copy.field--type-text-long.clearfix > ol > li:nth-child(1)