Page Scan Results:
Academics
https://www.ecok.edu/academics
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>
Ensures <li> elements are used semantically. Axe Reference
-
<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"
-
<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"
-
<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"
-
<li> <a href="https://www.ecok.edu/current-students/student-services/office-international-student-services">International Students</a> </li>Element selector:.sub-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"
-
<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"
-
<li> <a href="/academics/catalog" data-drupal-link-system-path="node/123">Catalog</a> </li>Element selector:.sub-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"
-
<li> <a href="https://selfservice.ecok.edu/Student/Courses">Course Schedule</a> </li>Element selector:.sub-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"
-
<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
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<strong>70+ Majors </strong>Element selector:.col-sm-6.column:nth-child(1) > .field__items > div > .card-gray.card > .container-fluid > .row > .col-sm-9.col-2 > .content > .field--name-field-copy.field--type-text-long.clearfix > p > a > strongFailing 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
.col-sm-6.column:nth-child(1) > .field__items > div > .card-gray.card
-
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
-
<strong>16 Options</strong>Element selector:.col-sm-6.column:nth-child(2) > .field__items > div > .card-gray.card > .container-fluid > .row > .col-sm-9.col-2 > .content > .field--name-field-copy.field--type-text-long.clearfix > p > a > strongFailing 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
.col-sm-6.column:nth-child(2) > .field__items > div > .card-gray.card
-
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
-
<a href="/academics/catalog" target="_self" data-drupal-link-system-path="node/123">Catalog</a>Element selector:.menu-item--expanded.menu-item:nth-child(1) > a[data-drupal-link-system-path="node/123"][href$="catalog"][target="_self"]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
-
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
-
<a href="/current-students/paying-college" target="_self" data-drupal-link-system-path="node/4256">Paying for College</a>Element selector:.menu-item--expanded.menu-item:nth-child(2) > a[data-drupal-link-system-path="node/4256"][target="_self"]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
-
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
-
<a href="/current-students/paying-college/financial-aid/academic-scholarships" target="_self" data-drupal-link-system-path="node/113">Scholarships</a>Element selector:a[data-drupal-link-system-path="node/113"]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
-
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
-
<a href="/current-students/paying-college/financial-aid" target="_self" data-drupal-link-system-path="node/114">Financial Aid</a>Element selector:a[data-drupal-link-system-path="node/114"][target="_self"]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
-
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
Certain ARIA roles must contain particular children
Ensures elements with an ARIA role that require child roles contain them. Axe Reference
-
<ul class="sub-menu" role="menu">Element selector:.sub-menuFailing 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).collapsed.dropdown:nth-child(3).sub-menu > li:nth-child(4).collapsed.dropdown:nth-child(5).sub-menu > li:nth-child(6).sub-menu > li:nth-child(7).collapsed.dropdown:nth-child(8) - Element uses aria-busy="true" while showing a loader
-
Element has children which are not allowed: li[tabindex]
Zooming and scaling must not be disabled
Ensures <meta name="viewport"> does not disable text scaling and zooming. Axe Reference
-
<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
Needs Review - These "incomplete" issues may be problematic, but couldn't be completely tested automatically. They should be reviewed by a real person.
Needs Review Summary
Needs Review on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<h2>Focusing on the <strong>STUDENT</strong></h2>Element selector:.field--name-field-copy.field--type-text-long.clearfix > h2Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.hero-content.hero
-
Element's background color could not be determined due to a background image
-
<strong>STUDENT</strong>Element selector:h2 > strongFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.hero-content.hero
-
Element's background color could not be determined due to a background image
-
<a href="/academics/colleges-and-schools">Undergraduate Degree Options</a>Element selector:.col-sm-6.column:nth-child(1) > .field__items > div > .card-gray.card > .container-fluid > .row > .col-sm-9.col-2 > .content > .field--name-field-copy.field--type-text-long.clearfix > h4 > strong > aFailing 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-6.column:nth-child(1) > .field__items > div > .card-gray.card
-
Element's background color could not be determined because it's partially obscured by another element
-
<h3 class="title">Important Information</h3>Element selector:a[href$="{card_link}"][target="{card_target}"][title="{card_title}"] > .titleFailing 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-white-with-border
-
Element's background color could not be determined because it's partially obscured by another element
-
<a href="/academics/find-majorprogram" target="_self">Find a Major/Program</a>Element selector:a[href$="find-majorprogram"]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-2
-
Element's background color could not be determined because it's partially obscured by another element
-
<a href="/academics/find-major-program/previous-degree-requirements" data-drupal-link-system-path="node/152">Previous Degree Requirements</a>Element selector:a[data-drupal-link-system-path="node/152"]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-2
-
Element's background color could not be determined because it's partially obscured by another element
-
<h3 style="text-align: center; font-size: 42px; margin-bottom: 0px; line-height:40px">What's Happening <strong><a href="http://instagram.com/ecutigers/" target="_blank">@ECUTIGERS</a></strong></h3>Element selector:.field--name-field-copy.field--type-text-long.clearfix > h3Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
#container-7810
-
Element's background color could not be determined due to a background gradient
-
<a href="http://instagram.com/ecutigers/" target="_blank">@ECUTIGERS</a>Element selector:strong > a[target="_blank"]Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
#container-7810
-
Element's background color could not be determined due to a background gradient
-
<h3 style="text-align: center; font-size:4em; color: #ffffff; line-height:1em;"><span style="font-weight: 900">Ready to Join</span><br> the Tigers?</h3>Element selector:.field--name-body.field--type-text-with-summary.clearfix > h3Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#container-1272
-
Element's background color could not be determined due to a background image
-
<span style="font-weight: 900">Ready to Join</span>Element selector:h3 > spanFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#container-1272
-
Element's background color could not be determined due to a background image