Page Scan Results:
Accessibility Statement
https://www.ou.edu/marcomm/accessstatement
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
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a adhocenable="false" href="https://www.ok.gov/accessibility/">at this link.</a>
Element selector:.text.parbase.section:nth-child(2) > div > div > p > a[adhocenable="false"]:nth-child(1)
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
.text.parbase.section:nth-child(2) > div > div > p
-
The link has no styling (such as underline) to distinguish it from the surrounding text
.text.parbase.section:nth-child(2) > div > div > p
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
-
<a adhocenable="false" href="https://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards">Section 508</a>
Element selector:a[adhocenable="false"]:nth-child(2)
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
.text.parbase.section:nth-child(2) > div > div > p
-
The link has no styling (such as underline) to distinguish it from the surrounding text
.text.parbase.section:nth-child(2) > div > div > p
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
-
<a href="mailto:cmshelp@ou.edu?subject=Web%20Accessibility">cmshelp@ou.edu</a>
Element selector:.text.parbase.section:nth-child(2) > div > div > p > a:nth-child(3)
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
.text.parbase.section:nth-child(2) > div > div > p
-
The link has no styling (such as underline) to distinguish it from the surrounding text
.text.parbase.section:nth-child(2) > div > div > p
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
-
<a href="mailto:cmshelp@ou.edu?subject=Web%20Accessibility">cmshelp@ou.edu</a>
Element selector:.text.parbase.section:nth-child(6) > div > div > p > a
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
.text.parbase.section:nth-child(6) > div > div > p
-
The link has no styling (such as underline) to distinguish it from the surrounding text
.text.parbase.section:nth-child(6) > div > div > p
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
-
<a adhocenable="false" href="/adrc.html">Accessibility and Disability Resource Center</a>
Element selector:a[href$="adrc.html"]
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
.text.parbase.section:nth-child(8) > div > div > p
-
The link has no styling (such as underline) to distinguish it from the surrounding text
.text.parbase.section:nth-child(8) > div > div > p
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
-
<a href="mailto:adrc@ou.edu">adrc@ou.edu</a>
Element selector:.text.parbase.section:nth-child(8) > div > div > p > a[href$="mailto:adrc@ou.edu"]
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
.text.parbase.section:nth-child(8) > div > div > p
-
The link has no styling (such as underline) to distinguish it from the surrounding text
.text.parbase.section:nth-child(8) > div > div > p
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
-
<a adhocenable="false" href="/eoo.html">Equal Opportunity Office</a>
Element selector:a[href$="eoo.html"]
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
.text.parbase.section:nth-child(10) > div > div > p
-
The link has no styling (such as underline) to distinguish it from the surrounding text
.text.parbase.section:nth-child(10) > div > div > p
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
-
<a href="mailto:adrc@ou.edu">adrc@ou.edu</a>
Element selector:.text.parbase.section:nth-child(12) > div > div > p > a[href$="mailto:adrc@ou.edu"]
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
.text.parbase.section:nth-child(12) > div > div > p
-
The link has no styling (such as underline) to distinguish it from the surrounding text
.text.parbase.section:nth-child(12) > div > div > p
-
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1, link text: #841617, surrounding text: #29323d)
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 aria-label="learn more about cookies" role="button" tabindex="0" class="cc-link" href="https://www.ou.edu/marcomm/web-policies/privacypolicy" rel="noopener noreferrer nofollow" target="_blank">Learn more</a>
Element selector:.cc-link
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.04 (foreground color: #dddddd, background color: #d8d8d8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.cc-window
body
-
Element has insufficient color contrast of 1.04 (foreground color: #dddddd, background color: #d8d8d8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss">Close</a>
Element selector:.cc-btn
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.41 (foreground color: #cfcfcf, background color: #f4f4f4, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1
.cc-btn
-
Element has insufficient color contrast of 1.41 (foreground color: #cfcfcf, background color: #f4f4f4, font size: 10.8pt (14.4px), font weight: bold). 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 id="cookieconsent:desc" class="cc-message">
Element selector:#cookieconsent\:desc
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
-
<a class="skipnav" href="#startcontent" style="font: 0/0 a; text-shadow: none; color: transparent; position:absolute;height:1px;width:1px;">Skip Navigation</a>
Element selector:.skipnav
Failing checks (At least one of these should pass)
-
Element has a 1:1 contrast ratio with the background
body
-
Element has a 1:1 contrast ratio with the background
-
<address class="col small"> <a href="/content/marcomm/cms/new-template1"> Marcomm Web Team </a> <br> Whitehand Hall<br> 339 W. Boyd Street<br> Suites 334 & 335<br> Norman, OK 73019-3203 </address>
Element selector:address
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
address
.footer
-
Element's background color could not be determined due to a background gradient
-
<a href="/content/marcomm/cms/new-template1"> Marcomm Web Team </a>
Element selector:address > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<div class="footerBottom col-md-12 col-sm-12 border-top my-2 p-2 small">
Element selector:.footerBottom
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.footerBottom
.footer
-
Element's background color could not be determined due to a background gradient
-
<a class="nav-link text-capitalize" href="https://www.ou.edu/marcomm/accessstatement">Accessibility</a>
Element selector:li:nth-child(1) > .text-capitalize.nav-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="nav-link text-capitalize" href="https://www.ou.edu/sustainability">Sustainability</a>
Element selector:li:nth-child(2) > .text-capitalize.nav-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="nav-link text-capitalize" href="https://apps.ouhsc.edu/hipaa/">HIPAA</a>
Element selector:a[href$="hipaa/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="nav-link text-capitalize" href="https://jobs.ou.edu/">OU Job Search</a>
Element selector:a[href$="jobs.ou.edu/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="nav-link text-capitalize" href="https://www.ou.edu/web/landing/policy">Policies</a>
Element selector:li:nth-child(5) > .text-capitalize.nav-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="nav-link text-capitalize" href="https://www.ou.edu/web/landing/legalnotices">Legal Notices</a>
Element selector:li:nth-child(6) > .text-capitalize.nav-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="nav-link text-capitalize" href="https://www.ou.edu/marcomm/copyright">Copyright</a>
Element selector:li:nth-child(7) > .text-capitalize.nav-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="nav-link text-capitalize" href="https://www.ou.edu/web/resources_offices">Resources and Offices</a>
Element selector:li:nth-child(8) > .text-capitalize.nav-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="nav-link text-capitalize" href="https://ouregents.ethicspoint.com/">OU Report It!</a>
Element selector:li:nth-child(9) > .text-capitalize.nav-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a href="/content/marcomm/cms/new-template1">Marcomm Web Team</a>
Element selector:.footerBottom > a:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a href="mailto:cmshelp@ou.edu">cmshelp@ou.edu</a>
Element selector:a[href$="mailto:cmshelp@ou.edu"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element