Page Scan Results:

Pontotoc Technology Center

https://www.pontotoctech.edu/o/ptc/page/financial-aid Scanned Sep. 17, 2023 at 9:09 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: 8
IDs used in ARIA and labels must be unique: 2
Certain ARIA roles must contain particular children: 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

```
<a href="/o/ptc" target="" class="utilities" style="color:#fff;" data-v-43153ebb=""> Home </a>
```
Element selector:
.utilities-top > .utility-bar.utility-bar-items[data-v-43153ebb=""] > .utilities[href$="ptc"][target=""]
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="/o/ftp" target="" class="utilities" style="color:#fff;" data-v-43153ebb=""> Full-Time Programs </a>
```
Element selector:
.utilities-top > .utility-bar.utility-bar-items[data-v-43153ebb=""] > .utilities[href$="ftp"][target=""]
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="/o/wd" target="" class="utilities" style="color:#fff;" data-v-43153ebb=""> Workforce Development </a>
```
Element selector:
.utilities-top > .utility-bar.utility-bar-items[data-v-43153ebb=""] > .utilities[href="/o/wd"][target=""]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<h1 class="bold" data-v-98407af0=""> Pontotoc Technology Center </h1>
```
Element selector:
.name > h1
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .header-container
```
<span class="menu-field" data-v-039167a5="" data-v-0350b138=""> Menu </span>
```
Element selector:
.explore-menu-container > button[aria-haspopup=""][aria-controls="mainmenu"] > .button-action-content > .menu-field
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .header-container
```
<span class="menu-field" data-v-039167a5="" data-v-0350b138=""> Quick Links </span>
```
Element selector:
.schools-btn-mobile > .button-action-content > .menu-field
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .header-container
```
<span class="menu-field" data-v-039167a5="" data-v-0350b138=""> Translate </span>
```
Element selector:
.language-menu-icon > .menu-field
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .header-container
```
<span style="font-size: 16px">
```
Element selector:
.block[data-v-3aaaa14b=""]:nth-child(11) > .text-block[globals="[object Object]"][row-type="ts-right-sidebar"] > div[data-v-85b63b38=""] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements

IDs used in ARIA and labels must be unique

critical

Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference

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

```
<div id="schoolsmenu" role="menu" data-v-6585e340="" data-v-0350b138=""></div>
```
Element selector:
.right-menu-items > div[data-v-0350b138=""]:nth-child(2) > div[role="menu"][data-v-6585e340=""][data-v-0350b138=""]
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: schoolsmenu .schools-menu-container > div[role="menu"][data-v-6585e340=""][data-v-0350b138=""]
```
<button id="languagebutton" aria-haspopup="true" aria-controls="languagebutton" aria-expanded="false" aria-label="Select Translation Language" class="menu button-action languages bold" data-v-039167a5="" data-v-0350b138="">
```
Element selector:
div[data-v-0350b138=""]:nth-child(3) > .languages[aria-controls="languagebutton"][aria-label="Select Translation Language"]
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: languagebutton .language-icon > .languages[aria-controls="languagebutton"][aria-label="Select Translation Language"]

Certain ARIA roles must contain particular children