Page Scan Results:
Search
https://www.ou.edu/web/search
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
<li> elements must be contained in a <ul> or <ol>
Ensures <li> elements are used semantically. Axe Reference
-
<li><a href="http://www.ou.edu/publicaffairs/WebPolicies/accessstatement.html">Accessibility</a></li>
Element selector:.first > li:nth-child(1)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li><a href="http://www.ou.edu/sustainability.html">Sustainability</a></li>
Element selector:.first > li:nth-child(2)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li><a href="http://ouhsc.edu/hipaa/">HIPAA</a></li>
Element selector:.first > li:nth-child(3)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li><a href="http://hr.ou.edu/jobs/">OU Job Search</a></li>
Element selector:.first > li:nth-child(4)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li><a href="/web/landing/policy.html">Policies</a></li>
Element selector:.last > li:nth-child(1)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li><a href="/web/landing/legalnotices.html">Legal Notices</a></li>
Element selector:.last > li:nth-child(2)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li><a href="http://www.ou.edu/content/publicaffairs/WebPolicies/copyright.html">Copyright</a></li>
Element selector:.last > li:nth-child(3)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li><a href="/web/resources_offices.html">Resources & Offices</a></li>
Element selector:.last > li:nth-child(4)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
Buttons must have discernible text
Ensures buttons have discernible text. Axe Reference
-
<button class="searchimage" type="submit" value="GO"><i class="glyphicon glyphicon-search"></i></button>
Element selector:#ouwebsearch > .search-bar > .searchimage[type="submit"][value="GO"]
Failing checks (At least one of these should pass)
- Element does not have inner 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
- Element's default semantics were not overridden with role="none" or role="presentation"
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="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 4.33 (foreground color: #5e5e5e, background color: #d3d3d3, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1
.cc-btn
-
Element has insufficient color contrast of 4.33 (foreground color: #5e5e5e, background color: #d3d3d3, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1
Form elements must have labels
Ensures every form element has a label. Axe Reference
-
<input id="search-web-input" class="searchbox" type="text" name="q" onfocus="this.style.backgroundImage='none'">
Element selector:#search-web-input
Failing checks (At least one of these should pass)
- Form element does not have an implicit (wrapped) <label>
- Form element does not have an explicit <label>
- 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 has no placeholder attribute
- Element's default semantics were not overridden with role="none" or role="presentation"
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Ensures that lists are structured correctly. Axe Reference
-
<ul class="2columns unstyled">
Element selector:.\32 columns
Failing checks (All of these should pass)
-
List element has direct children that are not allowed: div, br
.first
.last
.\32 columns > br
-
List element has direct children that are not allowed: div, br
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 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's background color could not be determined due to a background image
.cc-window
#footer
-
Element's background color could not be determined due to a background image
-
<div class="footeraddress"><a href="http://www.ou.edu/" title="Return to the Oklahoma University homepage" aria-label="Return to the Oklahoma University homepage"><b>The University of Oklahoma</b></a><br>660 Parrington Oval, <br> Norman, OK 73019-0390<br> (405) 325-0311<br></div>
Element selector:.footeraddress
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<b>The University of Oklahoma</b>
Element selector:.footeraddress > a[href$="ou.edu/"] > b
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<a href="http://www.ou.edu/publicaffairs/WebPolicies/accessstatement.html">Accessibility</a>
Element selector:.first > li:nth-child(1) > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<a href="http://www.ou.edu/sustainability.html">Sustainability</a>
Element selector:.first > li:nth-child(2) > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<a href="http://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 due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<a href="http://hr.ou.edu/jobs/">OU Job Search</a>
Element selector:a[href$="jobs/"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<a href="/web/landing/policy.html">Policies</a>
Element selector:a[href$="policy.html"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<a href="/web/landing/legalnotices.html">Legal Notices</a>
Element selector:a[href$="legalnotices.html"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<a href="http://www.ou.edu/content/publicaffairs/WebPolicies/copyright.html">Copyright</a>
Element selector:.last > li:nth-child(3) > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<a href="/web/resources_offices.html">Resources & Offices</a>
Element selector:a[href$="resources_offices.html"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<div class="footerBottom col-md-12">
Element selector:.footerBottom
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<b>The University of Oklahoma</b>
Element selector:.footerBottom > a[href$="ou.edu/"] > b
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image
-
<a href="mailto:webcomm@ou.edu">webcomm@ou.edu</a>
Element selector:a[href$="mailto:webcomm@ou.edu"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
#footer
-
Element's background color could not be determined due to a background image