Page Scan Results:

STUDENTS

Ensures links have discernible text. Axe Reference

1. <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

2. <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

3. <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

4. <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

5. <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

6. <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

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <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"

2. <img src="/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZ0lCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--3ef65194da968000bbbe061d62b2e949a3b1b639/Banner_Student-Handbook.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"

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <div class="text-capitalize" id="breadcrumbs">
   STUDENTS
   </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

Ensures every HTML document has a lang attribute. Axe Reference

1. <html>

   Element selector:

   html
   Failing checks (At least one of these should pass)

   • The <html> element does not have a lang attribute

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <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)

2. <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)

Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference

1. <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"]