Page Scan Results:
(No H1 element on page)
https://osuokc.edu/future-students
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="/future-students?qt-future_student_tabs=0#qt-future_student_tabs" id="quicktabs-tab-future_student_tabs-0" class="quicktabs-tab quicktabs-tab-block quicktabs-tab-block-block-delta-16 active quicktabs-loaded jquery-once-2-processed">
Element selector:#quicktabs-tab-future_student_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-future_student_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
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.views-field-nothing > .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.views-field-nothing > .field-content > .additional-feature.col-md-2.col-xs-6 > a > .slide-caption
.views-row-1.views-row-first.views-row-odd > .views-field.views-field-nothing > .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">Career resources</span>
Element selector:.views-row-2 > .views-field.views-field-nothing > .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-2 > .views-field.views-field-nothing > .field-content > .additional-feature.col-md-2.col-xs-6 > a > .slide-caption
.views-row-2 > .views-field.views-field-nothing > .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">OSU-OKC launches Center for Social Innovation</span>
Element selector:a[href$="humanity"] > .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$="humanity"] > .slide-caption
a[href$="humanity"] > .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="/recruitment/recruiters"><i aria-hidden="true" class="fa fa-users"> </i>Meet the Recruiters</a>
Element selector:a[href$="recruiters"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
a[href$="recruiters"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/startnow"><i aria-hidden="true" class="fa fa-star"> </i>First Steps</a>
Element selector:.gradient-button[href$="startnow"]
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$="startnow"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/academics/programs_AZ"><i aria-hidden="true" class="fa fa-graduation-cap"> </i>Degree Programs</a>
Element selector:#btn-degree-program > a[href$="programs_AZ"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
#btn-degree-program > a[href$="programs_AZ"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/viewbook"><i aria-hidden="true" class="fa fa-eye"> </i>Viewbook</a>
Element selector:.gradient-button[href$="viewbook"]
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$="viewbook"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/studentdevelopment"><i aria-hidden="true" class="fa fa-users"> </i>Campus Life</a>
Element selector:a[href$="studentdevelopment"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
a[href$="studentdevelopment"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/careerservices"><i aria-hidden="true" class="fa fa-briefcase"> </i>Career Exploration</a>
Element selector:.gradient-button[href$="careerservices"]
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$="careerservices"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/tours"><i aria-hidden="true" class="fa fa-map"> </i>Campus Tour</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="/enroll"><i aria-hidden="true" class="fa fa-pencil"> </i>Apply for Admissions</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="/financialaid/apply"><i aria-hidden="true" class="fa fa-money-bill"> </i>Financial Aid</a>
Element selector:a[href$="apply"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
a[href$="apply"]
-
Element's background color could not be determined due to a background gradient
-
<a class="gradient-button" href="/scholarships"><i aria-hidden="true" class="fa fa-trophy"> </i>Scholarships</a>
Element selector:.gradient-button[href$="scholarships"]
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$="scholarships"]
-
Element's background color could not be determined due to a background gradient