Clear-Cut Accessibility Benchmarks

Page Scan Results:

Academics

https://www.uco.edu/academics Scanned Sep. 17, 2023 at 8:37 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

Frames must have an accessible name: 3

Known Issues on This Page

Frames must have an accessible name

serious

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

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

```
<iframe src="javascript:false" style="width: 0px; height: 0px; border: 0px;"></iframe>
```
Element selector:
iframe[src="javascript:false"]:nth-child(32)
Failing checks (At least one of these should pass)
- Element has no title 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's default semantics were not overridden with role="none" or role="presentation"
```
<iframe src="javascript:false" style="width: 0px; height: 0px; border: 0px;"></iframe>
```
Element selector:
iframe[src="javascript:false"]:nth-child(42)
Failing checks (At least one of these should pass)
- Element has no title 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's default semantics were not overridden with role="none" or role="presentation"
```
<iframe src="javascript:false" style="width: 0px; height: 0px; border: 0px;"></iframe>
```
Element selector:
iframe[src="javascript:false"]:nth-child(47)
Failing checks (At least one of these should pass)
- Element has no title 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's default semantics were not overridden with role="none" or role="presentation"

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

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

```
<h1>Academics</h1>
```
Element selector:
h1
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background gradient .tab-overlay
```
<h2 class="beige-background top-padding">Resources</h2>
```
Element selector:
.content-column > .beige-background.top-padding
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it's partially obscured by another element .content-column > .beige-background.top-padding
```
<h3>
<span class="small italics">The College of</span>
Business
</h3>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(1) > .aqua-block-square-text > a > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(1)
```
<span class="small italics">The College of</span>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(1) > .aqua-block-square-text > a > h3 > .small.italics
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(1)
```
<h3>
<span class="small italics">The College of</span>
Education and Professional Studies
</h3>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(2) > .aqua-block-square-text > a > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(2)
```
<span class="small italics">The College of</span>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(2) > .aqua-block-square-text > a > h3 > .small.italics
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(2)
```
<h3>
<span class="small italics">The College of</span>
Fine Arts and Design
</h3>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(3) > .aqua-block-square-text > a > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(3)
```
<span class="small italics">The College of</span>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(3) > .aqua-block-square-text > a > h3 > .small.italics
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(3)
```
<h3>
<span class="small italics">The College of</span>
Graduate Studies
</h3>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(4) > .aqua-block-square-text > a > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(4)
```
<span class="small italics">The College of</span>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(4) > .aqua-block-square-text > a > h3 > .small.italics
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(4)
```
<h3>
<span class="small italics">The College of</span>
Liberal Arts
</h3>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(5) > .aqua-block-square-text > a > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(5)
```
<span class="small italics">The College of</span>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(5) > .aqua-block-square-text > a > h3 > .small.italics
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(5)
```
<h3>
<span class="small italics">The College of</span>
Mathematics &amp; Science
</h3>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(6) > .aqua-block-square-text > a > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(6)
```
<span class="small italics">The College of</span>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(6) > .aqua-block-square-text > a > h3 > .small.italics
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(6)
```
<h3>
<span class="small italics">W. Roger Webb</span>
Forensic Science Institute 
</h3>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(7) > .aqua-block-square-text > a > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(7)
```
<span class="small italics">W. Roger Webb</span>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(7) > .aqua-block-square-text > a > h3 > .small.italics
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(7)
```
<h3>
<span class="small italics">UCO</span>
Connected Campus
</h3>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(8) > .aqua-block-square-text > a > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(8)
```
<span class="small italics">UCO</span>
```
Element selector:
.aqua-block-square.white-text.primary-font:nth-child(8) > .aqua-block-square-text > a > h3 > .small.italics
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .aqua-block-square.white-text.primary-font:nth-child(8)
```
<h3>Maps &amp; Directions</h3>
```
Element selector:
.contact > h3:nth-child(1)
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://www.uco.edu/campus-maps/index.php">Building, Walking and Parking Maps</a>
```
Element selector:
.contact > p: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
```
<h3>Contact Us</h3>
```
Element selector:
h3:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image footer
```
<p><strong>University of Central Oklahoma</strong><br> 100 N. University Dr., Edmond, OK 73034<br> <a href="tel:4059742000">405.974.2000</a></p>
```
Element selector:
p:nth-child(4)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image footer
```
<strong>University of Central Oklahoma</strong>
```
Element selector:
strong
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="tel:4059742000">405.974.2000</a>
```
Element selector:
a[href="tel:4059742000"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image footer
```
<a class="button button-ghost inverted" href="https://www.uco.edu/alumni.php">Alumni and Friends</a>
```
Element selector:
a[href$="alumni.php"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image footer
```
<a class="button button-ghost inverted" href="https://www.uco.edu/site-index/index.php">A-Z Site Index</a>
```
Element selector:
p:nth-child(3) > .button-ghost.inverted.button
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image footer