Page Scan Results:
Pre-Enrollment
https://pioneertech.edu/pre-enrollment?category=students
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 on This Page
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a class="navbar-brand" href="/"><img src="/assets/pioneer-tech-logo-dca0777248c07d8349f35204043c48571a2cfdfe646496e24ca2e81d80934d66.png"></a>
Element selector:.navbar-brand
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
-
<a class="card-img-top" href="/faculty/staff/staff/lori-evans"><img src="/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBWQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--69c17bc1258ca7340b30e0af035dcf4ca1a2a25b/Evans_Lori.jpg"></a>
Element selector:.card-img-top
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
-
<a class="facebook" target="_blank" href="https://www.facebook.com/PioneerTech"><i class="icon-facebook8"></i> </a>
Element selector:.facebook
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
-
<a target="_blank" href="https://www.facebook.com/PioneerTech"><i class="icon-twitter2"></i> </a>
Element selector:.list-group-item:nth-child(2) > a[target="_blank"]
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
-
<a target="_blank" href="https://www.youtube.com/user/PioneerTechEdu"><i class="icon-youtube4"></i> </a>
Element selector:.list-group-item:nth-child(3) > a[target="_blank"]
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
-
<a target="_blank" href="https://www.linkedin.com/edu/school?id=34045"><i class="icon-linkedin4"></i> </a>
Element selector:.list-group-item:nth-child(4) > a[target="_blank"]
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
-
<a target="_blank" href="https://www.pinterest.com/pioneertech/"><i class="icon-pinterest4"></i> </a>
Element selector:.list-group-item:nth-child(5) > a[target="_blank"]
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
Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<img src="/assets/pioneer-tech-logo-dca0777248c07d8349f35204043c48571a2cfdfe646496e24ca2e81d80934d66.png">
Element selector:.navbar-brand > img
Failing checks (At least one of these should pass)
- Element does not have an alt attribute
- 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
- Element's default semantics were not overridden with role="none" or role="presentation"
-
<img src="/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZTg9IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--826cfb90824cf44520dd05b0c52ac6b0d2286efa/Banner_SHARE.jpg">
Element selector:.entry-content > img
Failing checks (At least one of these should pass)
- Element does not have an alt attribute
- 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
- Element's default semantics were not overridden with role="none" or role="presentation"
-
<img src="/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBWQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--69c17bc1258ca7340b30e0af035dcf4ca1a2a25b/Evans_Lori.jpg">
Element selector:.card-img-top > img
Failing checks (At least one of these should pass)
- Element does not have an alt attribute
- 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
- Element's default semantics were not overridden with role="none" or role="presentation"
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a href="https://pioneertech.edu/adult-basic-ed-abe-hse?category=services" target="_blank" rel="noopener">click here</a>
Element selector:a[rel="noopener"]
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.1:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1950d1, surrounding text: #555555)
p:nth-child(7)
-
The link has no styling (such as underline) to distinguish it from the surrounding text
p:nth-child(7)
-
The link has insufficient color contrast of 1.1:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1950d1, surrounding text: #555555)
-
<a href="https://pioneertech.edu/full-time-programs?category=classes">click here</a>
Element selector:p:nth-child(7) > a:nth-child(2)
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.1:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1950d1, surrounding text: #555555)
p:nth-child(7)
-
The link has no styling (such as underline) to distinguish it from the surrounding text
p:nth-child(7)
-
The link has insufficient color contrast of 1.1:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1950d1, surrounding text: #555555)
-
<a href="https://pioneertech.augusoft.net/index.cfm?fuseaction=1010&">click here</a>
Element selector:p:nth-child(7) > a:nth-child(3)
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.1:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1950d1, surrounding text: #555555)
p:nth-child(7)
-
The link has no styling (such as underline) to distinguish it from the surrounding text
p:nth-child(7)
-
The link has insufficient color contrast of 1.1:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1950d1, surrounding text: #555555)
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
-
<div class="text-capitalize" id="breadcrumbs"> Pre-Enrollment </div>
Element selector:#breadcrumbs
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.81 (foreground color: #9a9a9a, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
body
-
Element has insufficient color contrast of 2.81 (foreground color: #9a9a9a, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
<html> element must have a lang attribute
Ensures every HTML document has a lang attribute. Axe Reference
-
<html>
Element selector:html
Failing checks (At least one of these should pass)
- The <html> element does not have a lang attribute
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 href="/student-organizations?category=students">Student Organizations</a>
Element selector:.text-uppercase.list-group-item:nth-child(9) > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.text-uppercase.list-group-item:nth-child(9)
-
Element's background color could not be determined because it's partially obscured by another element
-
<a href="/student-parent-resources?category=students">Student/Parent Resources</a>
Element selector:.text-uppercase.list-group-item:nth-child(10) > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.text-uppercase.list-group-item:nth-child(10)
-
Element's background color could not be determined because it's partially obscured by another element
-
<blockquote>
Element selector:blockquote
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
blockquote
-
Element's background color could not be determined due to a background image
IDs used in ARIA and labels must be unique
Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference
-
<a id="navbar-about" class="nav-link dropdown-toggle text-uppercase bold" aria-expanded="false" aria-haspopup="true" role="button" href="/about?category=about">about</a>
Element selector:a[href="/about?category=about"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: navbar-about
a[href="/classes?category=classes"]
a[href="/students?category=students"]
a[href="/services?category=services"]
a[href="/business?category=business"]
a[href="/events?category=events"]
a[href="/contact?category=contact"]
-
Document has multiple elements referenced with ARIA with the same id attribute: navbar-about