Page Scan Results:

College of Education and Psychology

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

4. <li class="dropdown collapsed">
   <a href="/academics/colleges-and-schools/college-education-and-psychology/department-education" data-drupal-link-system-path="node/195">Department of Education</a>
   </li>

   Element selector:

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

5. <li class="dropdown collapsed">
   <a href="/academics/colleges-and-schools/college-education-and-psychology/department-kinesiology" data-drupal-link-system-path="node/196">Department of Kinesiology</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(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"

6. <li class="dropdown collapsed">
   <a href="/academics/colleges-and-schools/college-education-and-psychology/department-psychology" data-drupal-link-system-path="node/197">Department of Psychology</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(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"

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

8. <li class="dropdown collapsed">
   <a href="/academics/colleges-and-schools/college-liberal-arts-and-social-sciences" data-drupal-link-system-path="node/155">College of Liberal Arts and Social Sciences</a>
   </li>

   Element selector:

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

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

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

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

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

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

    Element selector:

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

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

16. <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) .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] .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(2) .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3) .collapsed.dropdown:nth-child(4) .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"] > .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"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3)
   • 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-education-and-psychology/department-psychology">Department of Psychology</a>

   Element selector:

   .card-gray.card > .container-fluid > .row > .stacked.col-sm-12 > .content > .field--name-field-copy.field--type-text-long.clearfix > h4 > 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: 14.7pt (19.6px), font weight: normal). Expected contrast ratio of 4.5:1 div:nth-child(7) > .card-gray.card

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/k7aUlfOXo28?rel=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

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

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

2. <h2>The College of <strong>Education</strong> and <strong>Psychology</strong>!</h2>

   Element selector:

   .field--name-field-copy.field--type-text-long.clearfix > h2
   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. <strong>Education</strong>

   Element selector:

   h2 > 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

4. <strong>Psychology</strong>

   Element selector:

   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

5. <a class="btn btn-primary" href="/sites/default/files/website_files/Academics/Brochures/CEP2021.pdf" target="_blank">College Brochure</a>

   Element selector:

   .btn.btn-primary[target="_blank"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

6. <a href="mailto:savntod@ecok.edu">savntod@ecok.edu</a>

   Element selector:

   a[href$="mailto:savntod@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 .col-sm-3.column