Page Scan Results:

Directory

https://www.sscok.edu/about-ssc/directory/index.html Scanned Sep. 17, 2023 at 8:55 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

Links must have discernible text: 6

Known Issues on This Page

Links must have discernible text

serious

Ensures links have discernible text. Axe Reference

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

```
<a href="../../_assets/images/directory-photos/staff/admin/Dr. Amanda Estey.png" target="_top"></a>
```
Element selector:
.item:nth-child(1) > .html-content > div:nth-child(2) > a[target="_top"]
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
```
<a href="../../_assets/images/directory-photos/staff/admin/Dr. Bill Knowles.png" target="_top"></a>
```
Element selector:
.item:nth-child(2) > .html-content > div:nth-child(2) > a[target="_top"]
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
```
<a href="" target="_top"></a>
```
Element selector:
.html-content > div:nth-child(2) > a[href=""][target="_top"]
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
```
<a href="../../_assets/images/directory-photos/staff/admin/Marc Hunter.png" target="_top"></a>
```
Element selector:
.item:nth-child(4) > .html-content > div:nth-child(2) > a[target="_top"]
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
```
<a href="#"></a>
```
Element selector:
li:nth-child(6) > a[href="#"]
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
```
<a href="#"></a>
```
Element selector:
li:nth-child(7) > a[href="#"]
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 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

```
<a href="../../index.html" title="">Home</a>
```
Element selector:
a[href="../../index.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .pagetitle
```
<a href="../index.html" title=""> About SSC
</a>
```
Element selector:
a[title=""][href="../index.html"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .pagetitle
```
<li aria-current="page"> Directory
</li>
```
Element selector:
li[aria-current="page"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .pagetitle
```
<h1>Directory</h1>
```
Element selector:
.inner-container > h1
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .pagetitle
```
<strong>Vice President for Academic Affairs</strong>
```
Element selector:
.item:nth-child(1) > .html-content > a[target="_top"] > div > strong
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:a.estey@sscok.edu">a.estey@sscok.edu</a>
```
Element selector:
a[href$="mailto:a.estey@sscok.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
```
<div style="text-align: center;">(405) 382-9513</div>
```
Element selector:
.item:nth-child(1) > .html-content > div:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<strong>Vice President for Student Affairs</strong>
```
Element selector:
.item:nth-child(2) > .html-content > a[target="_top"] > div > strong
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:b.knowles@sscok.edu">b.knowles@sscok.edu</a>
```
Element selector:
a[href="mailto:b.knowles@sscok.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
```
<div style="text-align: center;">(405) 382-9272</div>
```
Element selector:
.item:nth-child(2) > .html-content > div:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<strong>Vice President for Fiscal Affairs</strong>
```
Element selector:
a[href=""][target="_top"] > div > strong
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:m.rinehart@sscok.edu">m.rinehart@sscok.edu</a>
```
Element selector:
a[href="mailto:m.rinehart@sscok.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
```
<div style="text-align: center;">(405) 382-9277</div>
```
Element selector:
.item:nth-child(3) > .html-content > div:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element

<span class="ui-provider wh b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak" dir="ltr">Director of Information Technology / Chief Information Security Officer</span>

Element selector:

.ui-provider

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:m.hunter@sscok.edu">m.hunter@sscok.edu</a>
```
Element selector:
a[href$="mailto:m.hunter@sscok.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
```
<div style="text-align: center;">(405) 382-9264</div>
```
Element selector:
.item:nth-child(4) > .html-content > div:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element

Page Scan Results: Directory