Page Scan Results:
Honors Program

https://www.ecok.edu/academics/honors-program

Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.

Known Issues on This Page

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  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:
    .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 collapsed">
    <a href="/academics/colleges-and-schools" data-drupal-link-system-path="node/121">Colleges and Schools</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"
  3. <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"
  4. <li>
    <a href="/academics/honors-program/honors-courses" data-drupal-link-system-path="node/277">Honors Courses</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"
  5. <li>
    <a href="/academics/honors-program/honors-application" data-drupal-link-system-path="node/276">Honors Application</a>
    </li>
    Element selector:
    .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"
  6. <li>
    <a href="https://www.ecok.edu/current-students/student-services/office-international-student-services">International Students</a>
    </li>
    Element selector:
    .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"
  7. <li class="dropdown collapsed">
    <a href="/academics/distance-education" data-drupal-link-system-path="node/279">Online Degrees</a>
    </li>
    Element selector:
    .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"
  8. <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"
  9. <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"
  10. <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"

Elements must meet minimum color contrast ratio thresholds

serious

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT
  1. <a href="/sites/default/files/website_files/Honors%20Project%20Proposal%20Form.doc" target="_blank">Honors Project Proposal Form</a>
    Element selector:
    .text-align-center:nth-child(3) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .col-sm-2
  2. <a href="/sites/default/files/website_files/Honors%20Thesis%20Proposal%20Form%20-%20rev.%202-4-2013.docx" target="_blank">Honors Thesis Proposal Form</a>
    Element selector:
    .text-align-center:nth-child(4) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .col-sm-2
  3. <a href="/sites/default/files/website_files/Engagement%20Honors%20Proposal%20Form%20-%20Internship%20-%20rev%20%2011-03-20.doc" target="_blank">Engagement Honors Proposal Form: Internship</a>
    Element selector:
    .text-align-center:nth-child(5) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .col-sm-2

Certain ARIA roles must contain particular children

critical

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

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  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] .collapsed.dropdown:nth-child(1) .collapsed.dropdown:nth-child(2) .sub-menu[role="menu"] > .below.active.dropdown .sub-menu[role="menu"] > li:nth-child(4) .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:
    .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) .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > li:nth-child(2)
    • Element uses aria-busy="true" while showing a loader

Frames must have an accessible name

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2
  1. <iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/RTYT6bwBpeU?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"

Zooming and scaling must not be disabled

critical

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.4, EN-301-549, EN-9.1.4.4, ACT
  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