Page Scan Results:

College of Liberal Arts and Social Sciences

Ensures <li> elements are used semantically. Axe Reference

1. <li class="dropdown collapsed">
   <a href="/academics/find-major-program" data-drupal-link-system-path="academics/find-major-program">Find a Major/Program</a>
   </li>

   Element selector:

   .open > .sub-menu[role="menu"] > .collapsed.dropdown: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 class="dropdown expanded active below">

   Element selector:

   .open > .sub-menu[role="menu"] > .below.active.expanded
   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 class="dropdown collapsed">
   <a href="/academics/colleges-and-schools/college-education-and-psychology" data-drupal-link-system-path="node/153">College of Education and Psychology</a>
   </li>

   Element selector:

   .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown: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"

4. <li class="dropdown collapsed">
   <a href="/academics/colleges-and-schools/college-health-and-sciences" data-drupal-link-system-path="node/154">College of Health and Sciences</a>
   </li>

   Element selector:

   .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .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"

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

   Element selector:

   .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded
   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 class="dropdown collapsed">
   <a href="/academics/colleges-and-schools/college-liberal-arts-and-social-sciences/school-fine-arts" data-drupal-link-system-path="node/204">School of Fine Arts</a>
   </li>

   Element selector:

   .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown: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">

   Element selector:

   .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .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="/academics/colleges-and-schools/college-liberal-arts-and-social-sciences/department-history" data-drupal-link-system-path="node/199">Department of History</a>
   </li>

   Element selector:

   .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .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="/academics/colleges-and-schools/college-liberal-arts-and-social-sciences/interdisciplinary-studies-program" data-drupal-link-system-path="node/203">Interdisciplinary&nbsp;Studies Program</a>
   </li>

   Element selector:

   .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .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 class="dropdown collapsed">

    Element selector:

    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown: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">

    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="/academics/colleges-and-schools/harland-c-stonecipher-school-business" data-drupal-link-system-path="node/156">Harland C. Stonecipher School of Business</a>
    </li>

    Element selector:

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

13. <li class="dropdown collapsed">
    <a href="/academics/colleges-and-schools/school-graduate-studies" data-drupal-link-system-path="node/157">School of Graduate Studies</a>
    </li>

    Element selector:

    .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown: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"

14. <li class="dropdown collapsed">
    <a href="/academics/honors-program" target="_self" data-drupal-link-system-path="node/275">Honors Program</a>
    </li>

    Element selector:

    .open > .sub-menu[role="menu"] > .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"

15. <li>
    <a href="https://www.ecok.edu/current-students/student-services/office-international-student-services">International Students</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"

16. <li class="dropdown collapsed">
    <a href="/academics/distance-education" data-drupal-link-system-path="node/279">Online Degrees</a>
    </li>

    Element selector:

    .open > .sub-menu[role="menu"] > .collapsed.dropdown: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"

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

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

    Element selector:

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

19. <li class="dropdown collapsed">
    <a href="/academics/study-abroadstudy-away" data-drupal-link-system-path="node/15582">Study Abroad/Study Away</a>
    </li>

    Element selector:

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

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"] > .collapsed.dropdown:nth-child(1) .open > .sub-menu[role="menu"] > .below.active.expanded .open > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3) .open > .sub-menu[role="menu"] > li:nth-child(4) .open > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(5) .open > .sub-menu[role="menu"] > li:nth-child(6) .sub-menu[role="menu"] > li:nth-child(7) .collapsed.dropdown:nth-child(8)
   • 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.expanded > .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.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(1) .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(2) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded .collapsed.dropdown:nth-child(4) .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown: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.expanded > .sub-menu[role="menu"] > .below.active.expanded > .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.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(1) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(2) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(4) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(5) .collapsed.dropdown:nth-child(6)
   • Element uses aria-busy="true" while showing a loader

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

1. <a href="/academics/colleges-and-schools/college-liberal-arts-and-social-sciences/department-english-and">DEPARTMENT OF ENGLISH AND LANGUAGES</a>

   Element selector:

   div:nth-child(4) > .card-gray.card > .container-fluid > .row > .stacked.col-sm-12 > .content > .field--name-field-copy.field--type-text-long.clearfix > p > strong > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.92 (foreground color: #dd3810, background color: #efefef, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 div:nth-child(4) > .card-gray.card

2. <a href="/academics/colleges-and-schools/college-liberal-arts-and-social-sciences/native-american-studies-program">NATIVE AMERICAN STUDIES</a>

   Element selector:

   div:nth-child(6) > .card-gray.card > .container-fluid > .row > .stacked.col-sm-12 > .content > .field--name-field-copy.field--type-text-long.clearfix > p > strong > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.92 (foreground color: #dd3810, background color: #efefef, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 div:nth-child(6) > .card-gray.card

3. <a href="/academics/colleges-and-schools/college-liberal-arts-and-social-sciences/department-politics-law-and">DEPARTMENT OF POLITICS, LAW AND SOCIETY</a>

   Element selector:

   div:nth-child(8) > .card-gray.card > .container-fluid > .row > .stacked.col-sm-12 > .content > .field--name-field-copy.field--type-text-long.clearfix > p > strong > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.92 (foreground color: #dd3810, background color: #efefef, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 div:nth-child(8) > .card-gray.card

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

1. <a href="mailto:class@ecok.edu">class@ecok.edu</a>

   Element selector:

   p:nth-child(1) > a[href$="mailto:class@ecok.edu"]
   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(11) > .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(11) > .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://www.facebook.com/ECU-College-of-Liberal-Arts-and-Social-Sciences-401993883563439/" target="_blank">Facebook</a>

   Element selector:

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

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/nhE0QiGu2RU" width=" width="></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

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

1. <em>"Create, Challenge, Inspire"</em>

   Element selector:

   em
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .hero-content .hero

2. <h3>Welcome to</h3>

   Element selector:

   .field--name-field-copy.field--type-text-long.clearfix > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .hero-content .hero

3. <h2>The College of <strong>Liberal Arts</strong> and <strong>Social Sciences</strong>!</h2>

   Element selector:

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

   • Element's background color could not be determined due to a background image .hero-content .hero

4. <strong>Liberal Arts</strong>

   Element selector:

   h2:nth-child(3) > strong:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .hero-content .hero

5. <strong>Social Sciences</strong>

   Element selector:

   h2:nth-child(3) > strong:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .hero-content .hero

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

   Element selector:

   .title
   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 .card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content

7. <a href="mailto:class@ecok.edu">class@ecok.edu</a>

   Element selector:

   p:nth-child(2) > a[href$="mailto:class@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 .card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content

8. <a href="mailto:klang@ecok.edu">klang@ecok.edu</a>

   Element selector:

   a[href$="mailto:klang@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 .card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content

9. <a href="mailto:minglis@ecok.edu">minglis@ecok.edu</a>

   Element selector:

   a[href$="mailto:minglis@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 .card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content

10. <a href="mailto:aaguirre@ecok.edu">aaguirre@ecok.edu</a>

    Element selector:

    a[href$="mailto:aaguirre@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 .card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content

11. <a href="mailto:debjree@ecok.edu">debjree@ecok.edu</a>

    Element selector:

    a[href$="mailto:debjree@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 .card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content

12. <a href="mailto:cataspe@ecok.edu">cataspe@ecok.edu</a>

    Element selector:

    a[href$="mailto:cataspe@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 .card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content