Page Scan Results:
Directory of Staff
https://www.hptc.edu/directory-of-staff
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
Known Issues on This Page
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="https://www.hptc.edu/contact-sandi-liles"> </a>Element selector:.user-items-list-item-container.user-items-list-simple[data-section-id="62b3f99f629cbe76f8a76d15"] > .list-item[data-is-card-enabled="false"]:nth-child(4) > .list-item-content > .list-item-content__text-wrapper > .list-item-content__description > p > aFailing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
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
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 class="header-nav-folder-title preScale scaleIn" href="/about" tabindex="-1" data-animation-role="header-element" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.00550459s;"> About </a>Element selector:.header-nav-folder-title.scaleIn[href$="about"]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 class="header-nav-folder-title preScale scaleIn" href="/information-for-students" tabindex="-1" data-animation-role="header-element" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.00825688s;"> Information for Students </a>Element selector:.header-nav-folder-title.scaleIn[href$="information-for-students"]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="/career-programs" data-animation-role="header-element" class="preScale scaleIn" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0110092s;"> Career Programs </a>Element selector:.scaleIn[href$="career-programs"][data-animation-role="header-element"]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="/short-term-programs" data-animation-role="header-element" class="preScale scaleIn" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0137615s;"> Short Term Programs </a>Element selector:.scaleIn[href$="short-term-programs"][data-animation-role="header-element"]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 class="header-nav-folder-title preScale scaleIn" href="/business-industry" tabindex="-1" data-animation-role="header-element" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0165138s;"> Business & Industry </a>Element selector:.header-nav-folder-title.scaleIn[href$="business-industry"]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 class="header-nav-folder-title preScale scaleIn" href="/contact-us" tabindex="-1" data-animation-role="header-element" aria-current="true" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0192661s;"> Contact Us </a>Element selector:.header-display-desktop > .header-title-nav-wrapper > .header-nav > .header-nav-wrapper > .header-nav-list > .header-nav-item--active.header-nav-item--folder.header-nav-item > .header-nav-folder-title[href$="contact-us"][aria-current="true"]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 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0495413s;" class="preScale scaleIn">Directory of Staff</h1>Element selector:h1Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<p class="preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0522936s;">Leadership</p>Element selector:#\36 2b3f7940cc01968fe7a2e14 > .fadeInFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h2 class="list-item-content__title preScale scaleIn" style="max-width: 75%; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0577982s;">Superintendent / CEO </h2>Element selector:.list-item[data-is-card-enabled="false"]:nth-child(1) > .list-item-content > .list-item-content__text-wrapper > .scaleInFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<p class="preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0605505s;"><a href="https://www.hptc.edu/contact-barclay-holt">Barclay Holt</a><br>(580-571-6128) </p>Element selector:.list-item[data-is-card-enabled="false"]:nth-child(1) > .list-item-content > .list-item-content__text-wrapper > .list-item-content__description > .fadeInFailing 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="https://www.hptc.edu/contact-barclay-holt">Barclay Holt</a>Element selector:.list-item[data-is-card-enabled="false"]:nth-child(1) > .list-item-content > .list-item-content__text-wrapper > .list-item-content__description > .fadeIn > aFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h2 class="list-item-content__title preScale scaleIn" style="max-width: 75%; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.066055s;">Asst. Superintendent / Full Time Programs</h2>Element selector:.list-item[data-is-card-enabled="false"]:nth-child(2) > .list-item-content > .list-item-content__text-wrapper > .scaleInFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<p class="preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0688073s;"><a href="https://www.hptc.edu/contact-don-gaines">Don Gaines</a> <br>(580-571-6162) </p>Element selector:.list-item[data-is-card-enabled="false"]:nth-child(2) > .list-item-content > .list-item-content__text-wrapper > .list-item-content__description > .fadeInFailing 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="https://www.hptc.edu/contact-don-gaines">Don Gaines</a>Element selector:.list-item[data-is-card-enabled="false"]:nth-child(2) > .list-item-content > .list-item-content__text-wrapper > .list-item-content__description > .fadeIn > aFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h2 class="list-item-content__title preScale scaleIn" style="max-width: 75%; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0743119s;">Asst. Superintendent / Business & Industry Services</h2>Element selector:.list-item[data-is-card-enabled="false"]:nth-child(3) > .list-item-content > .list-item-content__text-wrapper > .scaleInFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<p class="preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0770642s;"><a href="https://www.hptc.edu/contact-taylor-burnett">Taylor Burnett </a><br>(580-571-6125)</p>Element selector:.list-item[data-is-card-enabled="false"]:nth-child(3) > .list-item-content > .list-item-content__text-wrapper > .list-item-content__description > .fadeInFailing 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="https://www.hptc.edu/contact-taylor-burnett">Taylor Burnett </a>Element selector:.list-item[data-is-card-enabled="false"]:nth-child(3) > .list-item-content > .list-item-content__text-wrapper > .list-item-content__description > .fadeIn > aFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<p class="preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0798165s;">School Administration </p>Element selector:#\36 2b3f99f629cbe76f8a76d15 > .fadeInFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element