Page Scan Results:
(No H1 element on page)
https://osuokc.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 Summary
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="/node?qt-homepage_tabs=0#qt-homepage_tabs" id="quicktabs-tab-homepage_tabs-0" class="quicktabs-tab quicktabs-tab-block quicktabs-tab-block-views-delta-news-block active quicktabs-loaded jquery-once-2-processed">
Element selector:#quicktabs-tab-homepage_tabs-0
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: normal). Expected contrast ratio of 4.5:1
#quicktabs-tab-homepage_tabs-0
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="/articles/tough-mother-program-visit-osu-okc">‘Tough as a Mother’ program to visit OSU-OKC</a>
Element selector:.row-1 > .col-1.col-first > .views-field-title.views-field > .field-content > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
#quicktabs-container-homepage_tabs
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
-
<a href="/articles/osu-okc-set-third-annual-reflection-walk-support-suicide-prevention-month">OSU-OKC set for third annual Reflection Walk in Support of Suicide Prevention Month</a>
Element selector:.row-1 > .col-2.col-last > .views-field-title.views-field > .field-content > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
#quicktabs-container-homepage_tabs
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
-
<a href="/articles/osu-okc-campus-be-closed-labor-day-holiday">OSU-OKC campus to be closed for Labor Day holiday</a>
Element selector:.row-2 > .col-1.col-first > .views-field-title.views-field > .field-content > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
#quicktabs-container-homepage_tabs
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
-
<a href="/articles/osu-okc-welcomes-nearly-2200-new-students">OSU-OKC Welcomes Nearly 2,200 New Students</a>
Element selector:.row-2 > .col-2.col-last > .views-field-title.views-field > .field-content > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
#quicktabs-container-homepage_tabs
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
-
<a href="/articles/students-faculty-and-staff-can-raise-funds-projects-philanthropete">Students, faculty and staff can raise funds for projects with PhilanthroPete</a>
Element selector:.row-3 > .col-1.col-first > .views-field-title.views-field > .field-content > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
#quicktabs-container-homepage_tabs
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
-
<a href="/articles/osu-okc-s-pre-professional-degree-will-ease-transition-stillwater">OSU-OKC’s pre-professional degree will ease transition to Stillwater </a>
Element selector:.row-3 > .col-2.col-last > .views-field-title.views-field > .field-content > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
#quicktabs-container-homepage_tabs
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 11.0pt (14.7px), font weight: bold). Expected contrast ratio of 4.5:1
-
<a href="news" class="more-link">VIEW ALL NEWS</a>
Element selector:.more-link
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1
#quicktabs-container-homepage_tabs
-
Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1
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
-
<li class="active first last" role="tab" id="quicktabs-homepage_tabs-control-tab-0" aria-controls="quicktabs-tabpage-homepage_tabs-0" aria-selected="true">
Element selector:#quicktabs-homepage_tabs-control-tab-0
Failing checks (At least one of these should pass)
-
Element has focusable descendants
#quicktabs-tab-homepage_tabs-0
-
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 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
-
<span class="tile-title">Second 8-week classes begin Oct. 9</span>
Element selector:a[href$="advisors"] > .slide-caption > .slide-caption-content > .tile-title
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
a[href$="advisors"] > .slide-caption
.hidden-md.hidden-lg.hidden-xs > img[width="480"][height="480"][alt=""]
-
Element's background color could not be determined because element contains an image node
-
<span class="tile-title">Don’t neglect your health this fall</span>
Element selector:a[href$="wellness"] > .slide-caption > .slide-caption-content > .tile-title
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
a[href$="wellness"] > .slide-caption
a[href$="wellness"] > .slide-image > .hidden-md.hidden-lg > img[width="480"][height="480"][alt=""]
-
Element's background color could not be determined because element contains an image node
-
<span class="tile-title">Become a Fire Fighter</span>
Element selector:.views-row-1.views-row-first.views-row-odd > .views-field-nothing.views-field > .field-content > .additional-feature.col-md-2.col-xs-6 > a > .slide-caption > .slide-caption-content > .tile-title
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
.views-row-1.views-row-first.views-row-odd > .views-field-nothing.views-field > .field-content > .additional-feature.col-md-2.col-xs-6 > a > .slide-caption
.views-row-1.views-row-first.views-row-odd > .views-field-nothing.views-field > .field-content > .additional-feature.col-md-2.col-xs-6 > a > .slide-image > img[width="480"][height="480"][alt=""]
-
Element's background color could not be determined because element contains an image node
-
<span class="tile-title">Recruitment Specialists are here to help</span>
Element selector:a[href$="recruitment"] > .slide-caption > .slide-caption-content > .tile-title
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
a[href$="recruitment"] > .slide-caption
a[href$="recruitment"] > .slide-image > img[width="480"][height="480"][alt=""]
-
Element's background color could not be determined because element contains an image node
-
<span class="tile-title">Canvas Online Classroom</span>
Element selector:.views-row-3 > .views-field-nothing.views-field > .field-content > .additional-feature.col-md-2.col-xs-6 > a > .slide-caption > .slide-caption-content > .tile-title
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
.views-row-3 > .views-field-nothing.views-field > .field-content > .additional-feature.col-md-2.col-xs-6 > a > .slide-caption
.views-row-3 > .views-field-nothing.views-field > .field-content > .additional-feature.col-md-2.col-xs-6 > a > .slide-image > img[width="480"][height="480"][alt=""]
-
Element's background color could not be determined because element contains an image node
-
<a class="gradient-button" href="/enroll">Apply Now</a>
Element selector:.gradient-button[href$="enroll"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.gradient-button[href$="enroll"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/tours">Visit Campus</a>
Element selector:.gradient-button[href$="tours"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.gradient-button[href$="tours"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="http://osugiving.com/" target="_blank">Give to OSU-OKC</a>
Element selector:a[href$="osugiving.com/"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
a[href$="osugiving.com/"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/espanol">OSU-OKC en Español</a>
Element selector:.gradient-button[href$="espanol"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.gradient-button[href$="espanol"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/disability">Disability Services & Diversity</a>
Element selector:.gradient-button[href$="disability"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.gradient-button[href$="disability"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/bookstore">OSU-OKC Bookstore</a>
Element selector:.gradient-button[href$="bookstore"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.gradient-button[href$="bookstore"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/accreditation">Accreditation</a>
Element selector:a[href$="accreditation"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
a[href$="accreditation"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/safety">See Something Say Something </a>
Element selector:a[href$="safety"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
a[href$="safety"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/advisors">Academic Advisement </a>
Element selector:.gradient-button[href$="advisors"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.gradient-button[href$="advisors"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/registrar/transcript">Request Transcript </a>
Element selector:a[href$="transcript"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
a[href$="transcript"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/1is2many">1 Victim is 2 Many </a>
Element selector:a[href$="1is2many"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
a[href$="1is2many"]
-
Element's background color could not be determined due to a background gradient