Page Scan Results:
Overview
https://www.hptc.edu/overview
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 class="sqs-block-image-link content-fill" href="/directory-of-staff" id="yui_3_17_2_1_1694984567512_80">Element selector:#yui_3_17_2_1_1694984567512_80Failing 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
-
<a class="sqs-block-image-link content-fill" href="/accreditation-compliance" id="yui_3_17_2_1_1694984567512_97">Element selector:#yui_3_17_2_1_1694984567512_97Failing 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
-
<a class="sqs-block-image-link content-fill" href="/board-of-education" id="yui_3_17_2_1_1694984567512_108">Element selector:#yui_3_17_2_1_1694984567512_108Failing 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" aria-current="true" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0193548s;"> About </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$="about"][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 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.0290323s;"> 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.0387097s;"> 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.0483871s;"> 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.0580645s;"> 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.0677419s;"> 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.174194s;" class="preScale scaleIn">Overview</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
-
<strong>High Plains Technology Center turning education & training into workplace success.</strong>Element selector:.sqsrte-text-color--accent > strongFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h4 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.193548s;" class="preFade fadeIn">History</h4>Element selector:#block-yui_3_17_2_1_1655667767078_350586 > .sqs-block-content > .sqs-html-content > h4Failing 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.203226s;">Element selector:#block-yui_3_17_2_1_1655667767078_350586 > .sqs-block-content > .sqs-html-content > .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