Page Scan Results:
UNDERGRADUATE ACADEMICS
https://go.okstate.edu/undergraduate-academics/
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
-
<span class="head">87</span>
Element selector:.fast-fact:nth-child(1) > .fast-fact__stat > .headline-group > .head
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 79.5pt (106px), font weight: normal). Expected contrast ratio of 3:1
.fast-fact:nth-child(1)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 79.5pt (106px), font weight: normal). Expected contrast ratio of 3:1
-
<span class="subhead">Majors</span>
Element selector:.fast-fact:nth-child(1) > .fast-fact__stat > .headline-group > .subhead
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1
.fast-fact:nth-child(1)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1
-
<p> and over 200 options within those majors </p>
Element selector:.fast-fact:nth-child(1) > .fast-fact__description > p
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 14.1pt (18.8px), font weight: bold). Expected contrast ratio of 3:1
.fast-fact:nth-child(1)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 14.1pt (18.8px), font weight: bold). Expected contrast ratio of 3:1
-
<span class="head">110</span>
Element selector:.fast-fact:nth-child(2) > .fast-fact__stat > .headline-group > .head
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 79.5pt (106px), font weight: normal). Expected contrast ratio of 3:1
.fast-fact:nth-child(2)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 79.5pt (106px), font weight: normal). Expected contrast ratio of 3:1
-
<span class="subhead">Minors</span>
Element selector:.fast-fact:nth-child(2) > .fast-fact__stat > .headline-group > .subhead
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1
.fast-fact:nth-child(2)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1
-
<p> to supplement your major </p>
Element selector:.fast-fact:nth-child(2) > .fast-fact__description > p
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 14.1pt (18.8px), font weight: bold). Expected contrast ratio of 3:1
.fast-fact:nth-child(2)
-
Element has insufficient color contrast of 2.58 (foreground color: #fff0e8, background color: #fd6b18, font size: 14.1pt (18.8px), font weight: bold). Expected contrast ratio of 3:1
-
<a href="#top" class="sg-standalone link--back-to-top link--back-to-top--global">
Element selector:.link--back-to-top--global
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 4.12 (foreground color: #cecece, background color: #5e5e5e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.link--back-to-top--global
footer
-
Element has insufficient color contrast of 4.12 (foreground color: #cecece, background color: #5e5e5e, font size: 12.0pt (16px), 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
-
<tspan x="0" y="36">MENU</tspan>
Element selector:.icon[viewBox="0 0 31 37"] > g[stroke="none"][stroke-width="1"][fill="none"] > g[transform="translate(-305 -36)"] > g > g[transform="translate(305 36)"] > text > tspan
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
.icon[viewBox="0 0 31 37"]
-
Element's background color could not be determined because element contains an image node
-
<h1>UNDERGRADUATE ACADEMICS</h1>
Element selector:.page-section__container > h1
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.page-header__page-title
.page-header
-
Element's background color could not be determined due to a background image
-
<h2 class="tricons__heading"> Beyond the books </h2>
Element selector:.tricons__heading
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.page-section--gradient
-
Element's background color could not be determined due to a background gradient
-
<a href="/undergraduate-academics/academic-support.html">Academic Support</a>
Element selector:.three-columns__left > .icon-callout > .icon-callout__heading > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.page-section--gradient
-
Element's background color could not be determined due to a background gradient
-
<p>Worried about classes? We’ve got you covered. OSU offers programs that help you do your best, including tutoring and academic advising.</p>
Element selector:.three-columns__left > .icon-callout > p
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.page-section--gradient
-
Element's background color could not be determined due to a background gradient
-
<a href="https://abroad.okstate.edu">Study Abroad</a>
Element selector:a[href$="abroad.okstate.edu"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.page-section--gradient
-
Element's background color could not be determined due to a background gradient
-
<p>Take your learning further. Travel across the country or around the world. Talk to an adviser to find the perfect program for you.</p>
Element selector:.three-columns__center > .icon-callout > p
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.page-section--gradient
-
Element's background color could not be determined due to a background gradient
-
<a href="https://scholardevelopment.okstate.edu/undergraduate-research/undergraduate-research">Undergraduate Research</a>
Element selector:.three-columns__right > .icon-callout > .icon-callout__heading > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.page-section--gradient
-
Element's background color could not be determined due to a background gradient
-
<p>Explore our undergraduate research opportunities, including the unique Freshman Research Program, and receive guided experience from an OSU faculty member that will help set you apart upon graduation.</p>
Element selector:.three-columns__right > .icon-callout > p
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.page-section--gradient
-
Element's background color could not be determined due to a background gradient