Page Scan Results:
Powered by
https://www.ecok.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
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="/event/paws-and-relax-2" hreflang="en">Paws and Relax </a>
Element selector:a[href$="paws-and-relax-2"][hreflang="en"]
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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.events-section
-
Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="/event/marriage-figaro-ranch" hreflang="en">The Marriage of Figaro on the Ranch</a>
Element selector:a[href$="marriage-figaro-ranch"][hreflang="en"]
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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.events-section
-
Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="/event/volleyball-vs-southwestern-oklahoma-state-university" hreflang="en">Volleyball vs Southwestern Oklahoma State University</a>
Element selector:.views-row:nth-child(3) > div > .recent-posts > .post > .post-item:nth-child(2) > .heading-primary > a[hreflang="en"]
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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.events-section
-
Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="/event/bla-meeting-10" hreflang="en">BLA Meeting</a>
Element selector:a[href$="bla-meeting-10"][hreflang="en"]
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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.events-section
-
Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="/event/rothbaum-lecture-articles-confederation" hreflang="en">Rothbaum Lecture: The Articles of Confederation</a>
Element selector:.views-row:nth-child(5) > div > .recent-posts > .post > .post-item:nth-child(2) > .heading-primary > a[hreflang="en"]
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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.events-section
-
Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
<li> elements must be contained in a <ul> or <ol>
Ensures <li> elements are used semantically. Axe Reference
-
<li class="feed-item j-instagram j-instagram-bg image-post ecutigers is-not-youTube" data-id="474708688" data-source="instagram" style="margin-bottom: 0px; zoom: 1; opacity: 1;">
Element selector:li[data-id="474708688"]
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li class="feed-item j-instagram j-instagram-bg image-post ecutigers is-not-youTube" data-id="474535600" data-source="instagram" style="margin-bottom: 0px; zoom: 1; opacity: 0.63446;">
Element selector:li[data-id="474535600"]
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li class="feed-item j-instagram j-instagram-bg image-post ecutigers is-not-youTube" data-id="474670146" data-source="instagram" style="margin-bottom: 0px; zoom: 1; opacity: 1;">
Element selector:li[data-id="474670146"]
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li class="feed-item j-instagram j-instagram-bg image-post ecutigers is-not-youTube" data-id="474578880" data-source="instagram" style="margin-bottom: 0px; zoom: 1; opacity: 0.97712;">
Element selector:li[data-id="474578880"]
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="https://www.ecok.edu/2023HC"> </a>
Element selector:a[href="https://www.ecok.edu/2023HC"]
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
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Ensures that lists are structured correctly. Axe Reference
-
<ul class="juicer-feed j-initialized j-modern j-desktop image-grid hover-images loaded" data-columns="4" data-feed-id="ecutigers" data-origin="embed-code" data-per="4" data-truncate="25">
Element selector:.juicer-feed
Failing checks (All of these should pass)
-
List element has direct children that are not allowed: h1, div, a
h1
.j-stacker-wrapper
#clearSDh0h
.j-paginate
-
List element has direct children that are not allowed: h1, div, a
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(14)
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
-
<h3 class="title" style="height: 72px;">Request Information</h3>
Element selector:a[title="Request"][target="_self"] > .title
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-5ths.column:nth-child(1) > .field__items > div > .card.card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content
-
Element's background color could not be determined because it's partially obscured by another element
-
<h3 class="title" style="height: 72px;">Find a Major/Program</h3>
Element selector:a[title="Find a Major/Program"][href$="find-major-program"][target="_self"] > .title
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-5ths.column:nth-child(3) > .field__items > div > .card.card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content
-
Element's background color could not be determined because it's partially obscured by another element
-
<p>Our residence halls offer a great opportunity for undergraduates to meet new people.</p>
Element selector:a[title="Learn More"][href$="housing"][target="_self"] > .field--name-field-copy.field--type-text-long.clearfix > p
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-5ths.column:nth-child(5) > .field__items > div > .card.card-feature-card-white-circle-icon > .container-fluid > .row > .stacked.col-sm-12 > .content
-
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:.jumbotron > .field--name-field-copy.field--type-text-long.clearfix > h3
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
#container-2452
-
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-2452
-
Element's background color could not be determined due to a background gradient
-
<a href="https://www.juicer.io?utm_source=https://www.ecok.edu/&utm_medium=PoweredByTopLink&utm_campaign=JuicerFreeFeed&utm_term=ecutigers&referrer=ecutigers">Powered by</a>
Element selector:h1 > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
#container-2452
-
Element's background color could not be determined due to a background gradient
-
<a href="#" class="j-paginate juicer-button">Load More</a>
Element selector:.j-paginate
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
#container-2452
-
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;">Ready to Be a<br><span style="font-weight: 900">Tiger</span>?</h3>
Element selector:.paragraph--type--content > .field--name-field-copy.field--type-text-long.clearfix > h3
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#container-1307
-
Element's background color could not be determined due to a background image
-
<span style="font-weight: 900">Tiger</span>
Element selector:h3 > span
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#container-1307
-
Element's background color could not be determined due to a background image