Page Scan Results:
EASTERN OKLAHOMA STATE COLLEGE
https://www.eosc.edu/
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
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="/admissions-aid/getting-started/schedule-a-campus-visit"><img alt="" height="114" src="/Content/Uploads/EOSC/images/Take%20a%20Tour%20Button.png" style="margin: 1px 0px;" width="357"></a>
Element selector:.apply > p:nth-child(2) > a:nth-child(1)
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
-
<a href="/admissions-aid/apply-now"><img alt="" height="114" src="/Content/Uploads/EOSC/images/Apply%20Button(1).png" style="margin: 1px 0px;" width="357"></a>
Element selector:.apply > p:nth-child(2) > a[href$="apply-now"]
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
-
<a href="/academics/online-degree-programs"></a>
Element selector:li:nth-child(4) > p > a:nth-child(1)
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
-
<a href="/Content/Uploads/EOSC/files/2019-20%20EOSC%20Fact%20Book.pdf"></a>
Element selector:li:nth-child(5) > p > a:nth-child(1)
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
ARIA input fields must have an accessible name
Ensures every ARIA input field has an accessible name. Axe Reference
-
<div class="slick-track" style="opacity: 1; width: 3100px; transform: translate3d(-620px, 0px, 0px);" role="listbox">
Element selector:.slick-track
Failing checks (At least one of these should pass)
- 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 has no title attribute
Interactive controls must not be nested
Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference
-
<div class="col-xs-12 col-md-6 slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 620px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
Element selector:.slick-current
Failing checks (At least one of these should pass)
-
Element has focusable descendants
.slick-current > figure:nth-child(1) > a
-
Element has focusable descendants
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>Join the</h2>
Element selector:.joinInfo > h2
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.join
-
Element's background color could not be determined due to a background image
-
<strong>Mountaineer Family</strong>
Element selector:.joinInfo > h3 > strong
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.join
-
Element's background color could not be determined due to a background image
-
<h2>Campus News</h2>
Element selector:.campus-news > h2
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.home-news
-
Element's background color could not be determined due to a background image
-
<a href="/news">See More News</a>
Element selector:a[href$="news"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.home-news
-
Element's background color could not be determined due to a background image
-
<h2>Upcoming events</h2>
Element selector:.upcoming-events > h2
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.home-events
-
Element's background color could not be determined due to a background image
-
<a href="/events">See More Events</a>
Element selector:h2 > a[href$="events"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.home-events
-
Element's background color could not be determined due to a background image
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="/news/eastern-to-host-8th-annual-mountaineer-5k-in-november"><h3>Eastern to host 8th Annual Mountaineer 5K in November</h3></a>
Element selector:aside:nth-child(1) > .article.col-xs-12 > .articleText > a
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
aside:nth-child(1) > .article.col-xs-12 > .articleText
-
Element's contrast ratio could not be determined because of element overlap
-
<a href="/news/eastern-vice-president-selected-for-leadership-oklahoma-class-36"><h3>Eastern vice president selected for Leadership Oklahoma Class 36</h3></a>
Element selector:aside:nth-child(2) > .article.col-xs-12 > .articleText > a
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
aside:nth-child(2) > .article.col-xs-12 > .articleText
-
Element's contrast ratio could not be determined because of element overlap
-
<a href="/news/hamilton-joins-eastern-oklahoma-state-college-board-of-regents"><h3>Hamilton joins Eastern Oklahoma State College Board of Regents</h3></a>
Element selector:aside:nth-child(3) > .article.col-xs-12 > .articleText > a
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
aside:nth-child(3) > .article.col-xs-12 > .articleText
-
Element's contrast ratio could not be determined because of element overlap
ARIA attributes must conform to valid values
Ensures all ARIA attributes have valid values. Axe Reference
-
<div class="col-xs-12 col-md-6 slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 620px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
Element selector:.slick-current
Failing checks (All of these should pass)
- ARIA attribute element ID does not exist on the page: aria-describedby="slick-slide00"