Page Scan Results:
(No H1 element on page)
https://www.hptc.edu/meeting-room
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
Needs Review on This Page
IDs used in ARIA and labels must be unique
Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference
-
<input class="field-element text" type="text" id="text-cfb3d8e5-4d96-4575-adac-b01dd9ba791b-field">
Element selector:.text.form-item.field:nth-child(5) > .text.field-element[type="text"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: text-cfb3d8e5-4d96-4575-adac-b01dd9ba791b-field
.text.form-item[data-dynamic-strings=""]:nth-child(5) > input[aria-required="false"][placeholder=""][autocomplete="false"]
-
Document has multiple elements referenced with ARIA with the same id attribute: text-cfb3d8e5-4d96-4575-adac-b01dd9ba791b-field
-
<input class="field-element text" type="text" id="text-ebfcf4a4-8bb1-4c7a-a897-511216ef8f2c-field" aria-required="true">
Element selector:.text.form-item.required:nth-child(6) > .text.field-element[type="text"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: text-ebfcf4a4-8bb1-4c7a-a897-511216ef8f2c-field
.text.form-item[data-dynamic-strings=""]:nth-child(6) > .eTv7qUMqLR9lJxpIAC3F[placeholder=""][autocomplete="false"]
-
Document has multiple elements referenced with ARIA with the same id attribute: text-ebfcf4a4-8bb1-4c7a-a897-511216ef8f2c-field
-
<input class="field-element text" type="text" id="text-79e5e6b8-7377-4f4b-8dee-3afbed4e67e3-field" aria-required="true">
Element selector:.text.form-item.required:nth-child(8) > .text.field-element[type="text"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: text-79e5e6b8-7377-4f4b-8dee-3afbed4e67e3-field
.text.form-item[data-dynamic-strings=""]:nth-child(8) > .eTv7qUMqLR9lJxpIAC3F[placeholder=""][autocomplete="false"]
-
Document has multiple elements referenced with ARIA with the same id attribute: text-79e5e6b8-7377-4f4b-8dee-3afbed4e67e3-field
-
<input class="field-element" id="email-yui_3_17_2_1_1655681538829_1300-field" name="email" type="email" autocomplete="email" spellcheck="false" aria-required="true">
Element selector:input[name="email"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: email-yui_3_17_2_1_1655681538829_1300-field
input[type="email"][placeholder=""][autocomplete="false"]
-
Document has multiple elements referenced with ARIA with the same id attribute: email-yui_3_17_2_1_1655681538829_1300-field
-
<input class="field-element text" type="text" id="text-yui_3_17_2_1_1655681538829_1301-field" aria-required="true">
Element selector:.text.form-item.required:nth-child(11) > .text.field-element[type="text"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: text-yui_3_17_2_1_1655681538829_1301-field
.text.form-item[data-dynamic-strings=""]:nth-child(11) > .eTv7qUMqLR9lJxpIAC3F[placeholder=""][autocomplete="false"]
-
Document has multiple elements referenced with ARIA with the same id attribute: text-yui_3_17_2_1_1655681538829_1301-field
-
<textarea class="field-element " id="textarea-5fcdf1df-34ac-4d3f-90a8-4749824c2c0e-field" aria-required="true"></textarea>
Element selector:.clear > .textarea.form-item.required > textarea
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: textarea-5fcdf1df-34ac-4d3f-90a8-4749824c2c0e-field
.N6XNqaZKAVtWxncrvkab
-
Document has multiple elements referenced with ARIA with the same id attribute: textarea-5fcdf1df-34ac-4d3f-90a8-4749824c2c0e-field
-
<input class="field-element text" type="text" id="text-b5c12bd9-92e2-4822-9e46-90e3a52f8ee7-field">
Element selector:.text.form-item.field:nth-child(16) > .text.field-element[type="text"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: text-b5c12bd9-92e2-4822-9e46-90e3a52f8ee7-field
.text.form-item[data-dynamic-strings=""]:nth-child(16) > input[aria-required="false"][placeholder=""][autocomplete="false"]
-
Document has multiple elements referenced with ARIA with the same id attribute: text-b5c12bd9-92e2-4822-9e46-90e3a52f8ee7-field
-
<input class="field-element text" type="text" id="text-907e1dce-ed92-44c7-8dca-db7c76c2c93d-field">
Element selector:.text.form-item.field:nth-child(18) > .text.field-element[type="text"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: text-907e1dce-ed92-44c7-8dca-db7c76c2c93d-field
.text.form-item[data-dynamic-strings=""]:nth-child(18) > input[aria-required="false"][placeholder=""][autocomplete="false"]
-
Document has multiple elements referenced with ARIA with the same id attribute: text-907e1dce-ed92-44c7-8dca-db7c76c2c93d-field
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.0342857s;"> 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.0514286s;"> 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.0685714s;"> 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.0857143s;"> 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.102857s;"> 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.12s;"> 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