Page Scan Results:
OU Research
https://www.ou.edu/ouresearch
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
Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<img src="/content/dam/research-norman/images/news/2023/ranked-top-100-patents-granted-thumb.jpg">Element selector:.news-item.withimage.row:nth-child(1) > .order-sm-1.news-item-imagearea.align-self-start > a > imgFailing checks (At least one of these should pass)
- Element does not have an alt attribute
- aria-label attribute does not exist or is empty
- aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
- Element has no title attribute
- Element's default semantics were not overridden with role="none" or role="presentation"
-
<img src="/content/dam/research-norman/images/news/2023/Furtado.jpg">Element selector:.news-item.withimage.row:nth-child(5) > .order-sm-1.news-item-imagearea.align-self-start > a > imgFailing checks (At least one of these should pass)
- Element does not have an alt attribute
- aria-label attribute does not exist or is empty
- aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
- Element has no title attribute
- Element's default semantics were not overridden with role="none" or role="presentation"
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="https://ou.edu">Element selector:.cmp-rd-header__logo-container > a[href$="ou.edu"]Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- aria-label attribute does not exist or is empty
- aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
- Element has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
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 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 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:.skipnavFailing checks (At least one of these should pass)
-
Element has a 1:1 contrast ratio with the background
header
-
Element has a 1:1 contrast ratio with the background
-
<b>Research and Partnerships, Norman</b>Element selector:.col-lg-3.col-12:nth-child(1) > .text-white > bFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-image
-
Element's background color could not be determined due to a pseudo element
-
<b>Research Health Sciences Campus</b>Element selector:a[href$="research.ouhsc.edu/"] > bFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.section-image
-
Element's background color could not be determined due to a pseudo element
-
<h4 class="rd-title title h1 xl text-primary">UNIVERSITY LIBRARIES</h4>Element selector:.section-white-to-gray > .container > .code.section > .xl.text-primary.h1Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.section-white-to-gray
-
Element's background color could not be determined due to a background gradient
-
<address class="col small"> <a href="/content/web"> The University of Oklahoma </a> <br> 660 Parrington Oval,<br> Norman, OK 73019-0390<br> (405) 325-0311 </address>Element selector:addressFailing 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/web"> The University of Oklahoma </a>Element selector:address > a[href$="web"]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:.footerBottomFailing 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:.nav-item:nth-child(1) > .nav-link.text-capitalizeFailing 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:.nav-item:nth-child(2) > .nav-link.text-capitalizeFailing 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:.nav-item:nth-child(5) > .nav-link.text-capitalizeFailing 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:.nav-item:nth-child(6) > .nav-link.text-capitalizeFailing 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:.nav-item:nth-child(7) > .nav-link.text-capitalizeFailing 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:.nav-item:nth-child(8) > .nav-link.text-capitalizeFailing 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:.nav-item:nth-child(9) > .nav-link.text-capitalizeFailing 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/web">The University of Oklahoma</a>Element selector:.footerBottom > a[href$="web"]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:marcomm@ou.edu">marcomm@ou.edu</a>Element selector:a[href$="mailto:marcomm@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
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 href="/content/news/articles/2023/february/university-of-oklahoma-breaks-record-for-research-expenditures"> <h3>University of Oklahoma Breaks Record for Research Expenditures</h3> </a>Element selector:.card-text.card-description > aFailing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
.rd-feature-card > .card-body > .card-text.card-description
-
Element's contrast ratio could not be determined because of element overlap