Page Scan Results:

OUPD

https://www.ou.edu/police Scanned Sep. 17, 2023 at 8:38 PM

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

<li> elements must be contained in a <ul> or <ol>: 10
Links must be distinguishable without relying on color: 2
<ul> and <ol> must only directly contain <li>, <script> or <template> elements: 2

Known Issues on This Page

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1

```
<li><a href="/marcomm/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="https://ou.edu/accreditation">Accreditation</a></li>
```
Element selector:
.first > li:nth-child(5)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="/resources/policies.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="/resources/legal-notices.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="/marcomm/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="/resources/colleges-and-departments.html">Resources &amp; 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
```
<li><a href="https://ouregents.ethicspoint.com">OU Report It!</a></li>
```
Element selector:
.last > li:nth-child(5)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element

Links must be distinguishable without relying on color

serious

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.4.1, EN-301-549, EN-9.1.4.1

```
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/oupdnorman" data-widget-id="350364657913044993" data-screen-name="oupdnorman" data-tweet-limit="10" data-twitter-extracted-i1694983116695186265="true">Tweets by @oupdnorman</a>
```
Element selector:
a[data-dnt="true"]
Failing checks (At least one of these should pass)
- The link has insufficient color contrast of 1.16:1 with the surrounding text. (Minimum contrast is 3:1, link text: #981a1e, surrounding text: #444444) #twitter-153077857 > section
- The link has no styling (such as underline) to distinguish it from the surrounding text #twitter-153077857 > section
```
<a href="https://www.safedeal.zone/">https://www.safedeal.zone/</a>
```
Element selector:
a[href$="safedeal.zone/"]
Failing checks (At least one of these should pass)
- The link has insufficient color contrast of 1.16:1 with the surrounding text. (Minimum contrast is 3:1, link text: #981a1e, surrounding text: #444444) .textimage.parbase.section:nth-child(13) > div > div > .text > p:nth-child(4)
- The link has no styling (such as underline) to distinguish it from the surrounding text .textimage.parbase.section:nth-child(13) > div > div > .text > p:nth-child(4)

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1

```
<ol class="carousel-indicators" aria-label="featured stories">
```
Element selector:
ol
Failing checks (All of these should pass)
- List element has direct children that are not allowed: [role=presentation] li[data-slide-to="0"] li[data-slide-to="1"] li[data-slide-to="2"] li[data-slide-to="3"] li[data-slide-to="4"]
```
<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

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

Elements must meet minimum color contrast ratio thresholds: 56
Elements must only use permitted ARIA attributes: 1

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

serious

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT

```
<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
```
<h4 class="webcomm-carousel-title"> Campus Crime Alerts</h4>
```
Element selector:
.active.item.webcomm-carousel-item > .carousel-caption > .webcomm-carousel-title
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="webcomm-carousel-actionLink" role="button" href="/police/crime-alerts.html" tabindex="0">
View current campus crime alerts
</a>
```
Element selector:
.webcomm-carousel-actionLink[href$="crime-alerts.html"][role="button"]
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="/police.html">Home</a>
```
Element selector:
li:nth-child(1) > a[href$="police.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/welcome.html">Chief's Welcome</a>
```
Element selector:
a[href$="welcome.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/crime-alerts.html">Crime Alerts</a>
```
Element selector:
li:nth-child(3) > a[href$="crime-alerts.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/crime.html">Crime Prevention</a>
```
Element selector:
a[href$="crime.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/psafe.html">Personal Safety</a>
```
Element selector:
a[href$="psafe.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/safety.html">The University of Oklahoma Annual Security and Fire Safety Report </a>
```
Element selector:
li:nth-child(6) > a[href$="safety.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/dpsinfo.html">About OUPD</a>
```
Element selector:
a[href$="dpsinfo.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/emerphon.html">Emergency Numbers</a>
```
Element selector:
a[href$="emerphon.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/contact_oupd1.html">Forms</a>
```
Element selector:
a[href$="contact_oupd1.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/contact_oupd.html">Contact OUPD</a>
```
Element selector:
a[href$="contact_oupd.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/police/media-releases.html">Media Releases</a>
```
Element selector:
a[href$="media-releases.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<span>OUPD Policy Manual</span>
```
Element selector:
a[title="OUPD Policy Manual"] > .ou-btn > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="/content/dam/OUPD/documents/DFSCA%20Review.pdf"><i class="icon-info"></i>Drug-Free Schools and Communities Act Biennial Review (.pdf)</a>
```
Element selector:
#OUPD\ Policy\ Manual > .quicklinks > ul > 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 pseudo element #main > .container-fluid
```
<a href="/content/dam/OUPD/documents/crime_alert.pdf" adhocenable="false"><i class="icon-exclamation-sign"></i>Campus Crime Alerts (.pdf)</a>
```
Element selector:
li:nth-child(3) > a[adhocenable="false"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<p class="byline">Media/Case Log Web Portal</p>
```
Element selector:
.articleheader.parbase.section > div > .byline
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<h4 class="h4update">Media/Case Log Web Portal</h4>
```
Element selector:
.h4update
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="https://portal.arms.com/?agencyId=58"><i class="icon-info"></i>ARMS Reporting "Web Portal"</a>
```
Element selector:
.text.parbase.section:nth-child(4) > div > .quicklinks > ul > 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 pseudo element #main > .container-fluid
```
<a target="_blank" href="/content/dam/OUPD/documents/arms-web.pdf" adhocenable="false"><i class="icon-info"></i>Web-Portal Instructions (.pdf)</a>
```
Element selector:
li:nth-child(2) > a[target="_blank"][adhocenable="false"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<u><a href="https://courtyard.arms.app/new-incident?agencyid=00793930-f203-4551-b450-16c63b62c59b" class="ou-btn"><span>Click here</span></a> to file on online police report with OUPD.</u>
```
Element selector:
.text.parbase.section:nth-child(5) > div > div > p > b > u
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<span>Click here</span>
```
Element selector:
u > .ou-btn > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<b>PROTECT YOURSELF FROM “SPOOFING”</b>
```
Element selector:
.text.parbase.section:nth-child(6) > div > div > p:nth-child(1) > b
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<p>More information on combating these scams can be found at:</p>
```
Element selector:
p:nth-child(11)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<u>FINGERPRINTING SERVICES</u>
```
Element selector:
p:nth-child(17) > b > u
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<b>The prices for fingerprinting are as follows:</b>
```
Element selector:
p:nth-child(19) > b
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<b>$10 per card if affiliated with OU</b>
```
Element selector:
li:nth-child(1) > b
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<b>$15 per card if not affiliated with OU</b>
```
Element selector:
li:nth-child(2) > b
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<b>Cash only <br>
</b>
```
Element selector:
li:nth-child(3) > b
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<b>Exact Change Required</b>
```
Element selector:
div > ul > li:nth-child(4) > b
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<p><b>Non-Emergency:</b> (405) 325-1717 or (405) 325-2864</p>
```
Element selector:
.text > p:nth-child(6)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<b>Non-Emergency:</b>
```
Element selector:
p:nth-child(6) > b
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<p><b>Emergency:</b> 911 from any cell phone on campus</p>
```
Element selector:
.text > p:nth-child(7)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<b>Emergency:</b>
```
Element selector:
p:nth-child(7) > b
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="#twitter-153077857" data-toggle="tab">Twitter</a>
```
Element selector:
a[href$="#twitter-153077857"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="#facebook-153077857" data-toggle="tab">Facebook</a>
```
Element selector:
a[href$="#facebook-153077857"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid

<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/oupdnorman" data-widget-id="350364657913044993" data-screen-name="oupdnorman" data-tweet-limit="10" data-twitter-extracted-i1694983116695186265="true">Tweets by @oupdnorman</a>

Element selector:

a[data-dnt="true"]

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a pseudo element #main > .container-fluid

```
<p>For more information, visit <a href="https://www.safedeal.zone/">https://www.safedeal.zone/</a></p>
```
Element selector:
.textimage.parbase.section:nth-child(13) > div > div > .text > p:nth-child(4)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<a href="https://www.safedeal.zone/">https://www.safedeal.zone/</a>
```
Element selector:
a[href$="safedeal.zone/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #main > .container-fluid
```
<div class="footeraddress"><a href="/content/police">OU Police Department</a><br>2775 Monitor Ave.<br>
Norman, OK 73072 </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
```
<a href="/content/police">OU Police Department</a>
```
Element selector:
.footeraddress > a[href$="police"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/marcomm/accessstatement.html">Accessibility</a>
```
Element selector:
a[href$="accessstatement.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<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
```
<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
```
<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
```
<a href="https://ou.edu/accreditation">Accreditation</a>
```
Element selector:
a[href$="accreditation"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/resources/policies.html">Policies</a>
```
Element selector:
a[href$="policies.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/resources/legal-notices.html">Legal Notices</a>
```
Element selector:
a[href$="legal-notices.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/marcomm/copyright.html">Copyright</a>
```
Element selector:
a[href$="copyright.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="/resources/colleges-and-departments.html">Resources &amp; Offices</a>
```
Element selector:
.last > li:nth-child(4) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="https://ouregents.ethicspoint.com">OU Report It!</a>
```
Element selector:
.last > li:nth-child(5) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<p class="byline">OUPD Social Media</p>
```
Element selector:
div:nth-child(1) > div > .byline
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer

<div class="footerBottom span12">
<div><div>

</div>


</div>
Updated 7/18/2023 by <a href="/content/police">OU Police Department</a>: <a href="mailto:oupd@ou.edu">oupd@ou.edu</a>
</div>

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

```
<a href="/content/police">OU Police Department</a>
```
Element selector:
.footerBottom > a[href$="police"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #footer
```
<a href="mailto:oupd@ou.edu">oupd@ou.edu</a>
```
Element selector:
a[href$="mailto:oupd@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

Elements must only use permitted ARIA attributes

serious

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2

```
<div class="carousel-image" aria-label="Image">
<img src="/content/dam/OUPD/images/oupd-web-mh.png" alt="University of Oklahoma Police Department -- The Police Notebook">
</div>
```
Element selector:
.active.item.webcomm-carousel-item > .carousel-image[aria-label="Image"]
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a div with no valid role attribute.

Page Scan Results: OUPD

Known Issues Summary

Known Issues on This Page

<li> elements must be contained in a <ul> or <ol>

Links must be distinguishable without relying on color

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

Elements must only use permitted ARIA attributes

Page Scan Results:

OUPD