Page Scan Results:
Student Services
https://www.hptc.edu/student-services
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="/s/ged-testing.pdf"> </a>Element selector:a[href$="ged-testing.pdf"]:nth-child(2)Failing 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.0107143s;"> 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" aria-current="true" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0160714s;"> Information for Students </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$="information-for-students"][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
-
<a href="/career-programs" data-animation-role="header-element" class="preScale scaleIn" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0214286s;"> 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.0267857s;"> 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.0321429s;"> 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" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0375s;"> Contact Us </a>Element selector:.header-nav-folder-title.scaleIn[href$="contact-us"]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.0964286s;" class="preScale scaleIn">Student Services</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
-
<h2 class="list-item-content__title preScale scaleIn" style="max-width: 100%; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.107143s;">Academic Center</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.1125s;">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
-
<h2 class="list-item-content__title preScale scaleIn" style="max-width: 100%; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.123214s;">ADA</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.128571s;">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:nth-child(1)Failing 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.133929s;">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:nth-child(2)Failing 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: 100%; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.155357s;">Attendance Policy: Information for Parents</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.160714s;">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:nth-child(1)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="/s/Handbook-2023-2024-FINAL-mflk.pdf" target="_blank">Student Handbook.</a>Element selector:.fadeIn:nth-child(1) > a[target="_blank"]Failing 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.166071s;">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:nth-child(2)Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element