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 Summary
- <li> elements must be contained in a <ul> or <ol>
-
10
- Elements must meet minimum color contrast ratio thresholds
-
3
- Certain ARIA roles must contain particular children
-
2
- Frames must have an accessible name
-
1
- Links must be distinguishable without relying on color
-
1
- Zooming and scaling must not be disabled
-
1
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 expanded active below">Element selector:.sub-menu[role="menu"] > .below.active.dropdownFailing 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/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"
-
<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"
-
<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"
-
<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[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"
-
<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"
-
<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
-
<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
-
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="/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
-
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="/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
-
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:.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
-
Element has children which are not allowed: li[tabindex]
-
<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
-
Element has children which are not allowed: li[tabindex]
Frames must have an accessible name
Ensures <iframe> and <frame> elements have an accessible name. Axe Reference
-
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/RTYT6bwBpeU?autoplay=1&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"
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a href="/sites/default/files/HONORS%20FAQ%20rev%2011%20013%20%202022.docx" target="_blank">Frequently Asked Questions</a>Element selector:a[target="_blank"]:nth-child(10)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)
div:nth-child(5) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p -
The link has no styling (such as underline) to distinguish it from the surrounding text
div:nth-child(5) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p
-
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)
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(30)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 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>Celebrate <strong>ECU </strong>Honors!</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>ECU </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" data-drupal-link-system-path="node/180">Academics</a>Element selector:.open > a[data-drupal-link-system-path="node/180"][href$="academics"]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
.open > a[data-drupal-link-system-path="node/180"][href$="academics"]
-
Element's background color could not be determined because it's partially obscured by another element
-
<h3 class="title">CONTACT</h3>Element selector:.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
.content
-
Element's background color could not be determined because it's partially obscured by another element
-
<strong>Director</strong>Element selector:strong:nth-child(3)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
.content
-
Element's background color could not be determined because it's partially obscured by another element
-
<a href="mailto:sbenton@ecok.edu">sbenton@ecok.edu</a>Element selector:a[href$="mailto:sbenton@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
.content
-
Element's background color could not be determined because it's partially obscured by another element
-
<a href="mailto:honors@ecok.edu">honors@ecok.edu</a>Element selector:a[href$="mailto:honors@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
.content
-
Element's background color could not be determined because it's partially obscured by another element
-
<strong>Honors Program Resources</strong>Element selector:h3 > strongFailing 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
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a href="/">Home</a>Element selector:li:nth-child(1) > a[href="/"]Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
ol
-
Element's contrast ratio could not be determined because of element overlap
-
<a href="/academics">Academics </a>Element selector:li:nth-child(2) > a[href$="academics"]Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
ol
-
Element's contrast ratio could not be determined because of element overlap