Page Scan Results:

Full-Time Programs

https://www.pontotoctech.edu/o/ftp/page/student-resources-publications 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
Scrollable region must have keyboard access: 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/kzCKAB-dYX4" allowfullscreen="allowfullscreen" class="video-iframe" data-v-441d6cb6=""></iframe>
```
Element selector:
.video-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"

Scrollable region must have keyboard access

serious

Ensure elements that have scrollable content are accessible by keyboard. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 2.1.1, EN-301-549, EN-9.2.1.1

```
<div class="scroll-shadow-wrapper show-right-shadow" data-v-598656d4="">
```
Element selector:
.scroll-shadow-wrapper
Failing checks (At least one of these should pass)
- Element should have focusable content
- Element should be focusable

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: 31
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=""> Full-Time Programs </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 > .menu[aria-haspopup=""][aria-controls="mainmenu"] > .button-action-content[data-v-039167a5=""] > .menu-field[data-v-039167a5=""][data-v-0350b138=""]
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[data-v-039167a5=""] > .menu-field[data-v-039167a5=""][data-v-0350b138=""]
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[data-v-039167a5=""][data-v-0350b138=""]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .header-container
```
<p>Cost</p>
```
Element selector:
th[scope="row"] > p
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<p>Test</p>
```
Element selector:
th[scope="col"] > p
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">Free</span>
```
Element selector:
tr:nth-child(2) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">Oklahoma State Merit</span>
```
Element selector:
tr:nth-child(2) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">$25.00</span>
```
Element selector:
tr:nth-child(3) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">8th Grade Reading</span>
```
Element selector:
tr:nth-child(3) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">Varies</span>
```
Element selector:
tr:nth-child(4) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">OK Dept of Health</span>
```
Element selector:
tr:nth-child(4) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">$35.00</span>
```
Element selector:
tr:nth-child(5) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">POSSE</span>
```
Element selector:
tr:nth-child(5) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">Free</span>
```
Element selector:
tr:nth-child(6) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">Firefighters I &amp; II</span>
```
Element selector:
tr:nth-child(6) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">Varies</span>
```
Element selector:
tr:nth-child(7) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">ODCTE &amp; Dept of Labor</span>
```
Element selector:
tr:nth-child(7) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">$45.00</span>
```
Element selector:
tr:nth-child(8) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">OLERE</span>
```
Element selector:
tr:nth-child(8) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">$35.00</span>
```
Element selector:
tr:nth-child(9) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">WorkKeys</span>
```
Element selector:
tr:nth-child(9) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">$35.00</span>
```
Element selector:
tr:nth-child(10) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">Unarmed Security Guard</span>
```
Element selector:
tr:nth-child(10) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">$35.00</span>
```
Element selector:
tr:nth-child(11) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">Armed Security Guard</span>
```
Element selector:
tr:nth-child(11) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">$35.00</span>
```
Element selector:
tr:nth-child(12) > td[colwidth="449"] > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper
```
<span style="color: #333; font-size: 16px">Private Investigator</span>
```
Element selector:
tr:nth-child(12) > td:nth-child(2) > p > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .scroll-shadow-wrapper

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

critical

Ensures elements with an ARIA role that require child roles contain them. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1

```
<div id="schoolsmenu" role="menu" data-v-6585e340="" data-v-0350b138=""></div>
```
Element selector:
.schools-menu-container > div[role="menu"][data-v-6585e340=""][data-v-0350b138=""]
Failing checks (At least one of these should pass)
- Expecting ARIA children role to be added: group, menuitemradio, menuitem, menuitemcheckbox, menu, separator

Page Scan Results: Full-Time Programs

Known Issues Summary

Known Issues on This Page

Frames must have an accessible name

Scrollable region must have keyboard access

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

IDs used in ARIA and labels must be unique

Certain ARIA roles must contain particular children

Page Scan Results:

Full-Time Programs