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

serious

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT
  1. <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
  2. <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
  3. <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
  4. <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
  5. <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

<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="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
  2. <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
  3. <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
  4. <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

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  1. <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

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