Clear-Cut Accessibility Benchmarks

Page Scan Results:

Campus Safety

https://www.ou.edu/campussafety 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

No violations found.

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: 16

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

<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

<address class="col small">
<a href="/content/campussafety"> Department of Campus Safety </a>
<br>
160-B Felgar Street, Suite 200<br>
Norman, OK 73019<br>
Fax: (405) 325-7238
</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

```
<a href="/content/campussafety"> Department of Campus Safety </a>
```
Element selector:
address > a[href$="campussafety"]
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
```
<a class="nav-link text-capitalize" href="https://www.ou.edu/marcomm/accessstatement">Accessibility</a>
```
Element selector:
.nav-item: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:
.nav-item: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:
.nav-item: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:
.nav-item: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:
.nav-item: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:
.nav-item: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:
.nav-item: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/campussafety">Department of Campus Safety</a>
```
Element selector:
.footerBottom > a[href$="campussafety"]
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:CampusSafety@ou.edu">CampusSafety@ou.edu</a>
```
Element selector:
a[href="mailto:CampusSafety@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