Page Scan Results:

Pontotoc Technology Center

https://www.pontotoctech.edu/page/about 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

Frames must have an accessible name: 1

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="https://www.youtube.com/embed/JAz6TtZjp3M" allowfullscreen="allowfullscreen" class="video-iframe" data-v-441d6cb6=""></iframe>
```
Element selector:
iframe
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: 7
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

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