Page Scan Results:
Pontotoc Technology Center
https://www.pontotoctech.edu/page/student-job-board
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 on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<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
-
Element's background color could not be determined due to a pseudo element
-
<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
-
Element's background color could not be determined due to a pseudo element
-
<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
-
Element's background color could not be determined due to a pseudo element
-
<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
-
Element's background color could not be determined due to a pseudo element
IDs used in ARIA and labels must be unique
Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference
-
<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=""]
-
Document has multiple elements referenced with ARIA with the same id attribute: schoolsmenu
-
<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"]
-
Document has multiple elements referenced with ARIA with the same id attribute: languagebutton
Certain ARIA roles must contain particular children
Ensures elements with an ARIA role that require child roles contain them. Axe Reference
-
<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