Page Scan Results:

College of Health and 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:

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

5. <li>
   <a href="/Annual-Science-Fair" data-drupal-link-system-path="node/15267">Science Fair 2024</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(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"

6. <li class="dropdown collapsed">

   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"

7. <li class="dropdown collapsed">
   <a href="/academics/colleges-and-schools/college-health-and-sciences/department-chemistry" data-drupal-link-system-path="node/188">Department of Chemistry</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"

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

9. <li class="dropdown collapsed">
   <a href="/academics/colleges-and-schools/college-health-and-sciences/department-physics" data-drupal-link-system-path="node/193">Department of Physics</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(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"

10. <li class="dropdown collapsed">
    <a href="/academics/colleges-and-schools/college-health-and-sciences/school-nursing" data-drupal-link-system-path="node/192">School of Nursing</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"

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

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:

    .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .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] .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 .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3) .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .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"] > li:nth-child(1) .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) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown: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-health-and-sciences/department-chemistry">Department of Chemistry</a>

   Element selector:

   div:nth-child(5) > .card-gray.card > .container-fluid > .row > .col-sm-9.col-2 > .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(5) > .card-gray.card

2. <a href="/academics/colleges-and-schools/college-health-and-sciences/department-mathematics-and-computer">Department of Mathematics and Computer Science</a>

   Element selector:

   div:nth-child(7) > .card-gray.card > .container-fluid > .row > .col-sm-9.col-2 > .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/WS0Cua-4tA4" 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>Health</strong> and <strong>Sciences</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>Health</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>Sciences</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. <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 .stacked > .content

6. <p>Physical and Environmental<br>
   Science Center,&nbsp;Room 101<br>
   580-559-5410<br><a href="mailto:kpayne@ecok.edu">Email Us</a></p>

   Element selector:

   .stacked > .content > .field--name-field-copy.field--type-text-long.clearfix > p
   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 .stacked > .content