Page Scan Results:

Workforce Development

https://www.pontotoctech.edu/o/wd/page/fablab 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: 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=""> Workforce Development </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 > .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