Page Scan Results:
Study Abroad/Study Away

https://www.ecok.edu/academics/study-abroadstudy-away

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 Summary

<li> elements must be contained in a <ul> or <ol>
11
Certain ARIA roles must contain particular children
2
Links must be distinguishable without relying on color
2
Frames must have an accessible name
1
Zooming and scaling must not be disabled
1

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:
    .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 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 collapsed">
<a href="/academics/honors-program" target="_self" data-drupal-link-system-path="node/275">Honors Program</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" 
  4. <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" 
  5. <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" 
  6. <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" 
  7. <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" 
  8. <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" 
  9. <li class="dropdown collapsed">
<a href="/academics/study-abroadstudy-away/global-education" data-drupal-link-system-path="node/159">Global Education</a>
</li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.dropdown > .sub-menu[role="menu"] > .collapsed.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" 
  10. <li>
<a href="/academics/study-abroadstudy-away/national-student-exchange" data-drupal-link-system-path="node/15583">National Student Exchange</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" 
  11. <li>
<a href="/academics/study-abroadstudy-away/student-teach-abroad" data-drupal-link-system-path="node/15632">Student Teach Abroad</a>
</li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.dropdown > .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"

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

Links must be distinguishable without relying on color

serious

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

Rule type: WCAG 2.0 A, WCAG SC 1.4.1, EN-301-549, EN-9.1.4.1 
  1. <a href="/academics/study-abroadstudy-away/global-education">Global Education</a>
    Element selector:
    p:nth-child(1) > a:nth-child(1)
    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) .paragraph--type--structure-row-columns-1.paragraph.paragraph--view-mode--default:nth-child(2) > .column.col-sm-12 > div > div > .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 .paragraph--type--structure-row-columns-1.paragraph.paragraph--view-mode--default:nth-child(2) > .column.col-sm-12 > div > div > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(1) 
  2. <a href="/academics/study-abroadstudy-away/national-student-exchange"> National Student Exchange</a>
    Element selector:
    a:nth-child(2)
    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) .paragraph--type--structure-row-columns-1.paragraph.paragraph--view-mode--default:nth-child(2) > .column.col-sm-12 > div > div > .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 .paragraph--type--structure-row-columns-1.paragraph.paragraph--view-mode--default:nth-child(2) > .column.col-sm-12 > div > div > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(1)

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/_g1WIHT64KU?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(29)
    Failing checks (At least one of these should pass)
    • user-scalable=no on <meta> tag disables zooming on mobile devices