Page Scan Results:

Student Organizations

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 href="https://www.okcareertech.org/students/student-organizations/bpa" target="_blank">

   Element selector:

   .col > figure: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

3. <a href="https://www.okcareertech.org/students/student-organizations/hosa" target="_blank">

   Element selector:

   figure:nth-child(6) > 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 href="public/uploads/2018/02/ok-hosa-2.tif"></a>

   Element selector:

   .col > a:nth-child(7)
   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 href="https://www.okcareertech.org/students/student-organizations/hosa" target="_blank" rel="noopener"></a>

   Element selector:

   .col > a[rel="noopener"][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 href="https://educatorsrising.org/" target="_blank">

   Element selector:

   a[href$="educatorsrising.org/"]
   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

7. <a href="https://oklahomafccla.org/" target="_blank">

   Element selector:

   figure:nth-child(12) > a[href$="oklahomafccla.org/"][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

8. <a href="https://chooserestaurants.org/prostart" target="_blank">

   Element selector:

   span > figure: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

9. <a href="https://oklahomafccla.org/" target="_blank">

   Element selector:

   figure:nth-child(4) > a[href$="oklahomafccla.org/"][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

10. <a href="https://www.skillsusa.org/" target="_blank">

    Element selector:

    figure:nth-child(9) > a[href$="skillsusa.org/"][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

11. <a href="https://www.skillsusa.org/" target="_blank">

    Element selector:

    figure:nth-child(13) > a[href$="skillsusa.org/"][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

12. <a href="https://www.okcareertech.org/students/student-organizations/skillsusa" target="_blank" rel="noopener"></a>

    Element selector:

    .responsive-grid-layout-row.two-column:nth-child(14) > div > a[rel="noopener"][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

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

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

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

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

17. <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBclVCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--68e84bfa1c8bd89b35d5e27762a19caaa5f7e335/Banner_Student%20Organizations%202.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"

3. <img src="https://pioneertech.edu/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZ2dCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--49de3b3c7e85829abb6830f79d440ee4f5e60403/oklahomabpalogo-300x206.png" data-image="1uze63i2roql" width="216" height="148" style="width: 216px; height: 148px;">

   Element selector:

   img[data-image="1uze63i2roql"]
   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"

4. <img src="https://pioneertech.edu/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBajBCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--f009a34ba63a19a80d44360b79930f1e166f4bdc/HOSA_Logo.jpg" data-image="68kgy4pm9rc9" width="225" height="82" style="width: 225px; height: 82px;">

   Element selector:

   img[data-image="68kgy4pm9rc9"]
   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"

5. <img src="https://pioneertech.edu/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBczREIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--f6d0fa860197deadf19356a4367fef648c9eb85f/EducatorsRising_LogoTagline_CMYK-1024x314.jpg" data-image="ghpgpxs2ls2q" width="225" height="69" style="width: 225px; height: 69px;">

   Element selector:

   img[data-image="ghpgpxs2ls2q"]
   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"

6. <img src="https://pioneertech.edu/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBajRCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--2a0c02e1622ae36e8460a54836184828bd647d55/FCCLA%20logo.jpg" data-image="3u9mm1mi7sg6" width="227" height="134" style="width: 227px; height: 134px;">

   Element selector:

   img[data-image="3u9mm1mi7sg6"]
   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"

7. <img src="https://pioneertech.edu/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBczhEIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--1656b8f357b91f77a278132ec2653f78015a71ff/ProStart.jpg" data-image="koht63gnngaj" width="245" height="111" style="width: 245px; height: 111px;">

   Element selector:

   img[data-image="koht63gnngaj"]
   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"

8. <img src="https://pioneertech.edu/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBajRCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--2a0c02e1622ae36e8460a54836184828bd647d55/FCCLA%20logo.jpg" data-image="18m698dxvxvf" width="240" height="142" style="width: 240px; height: 142px;">

   Element selector:

   img[data-image="18m698dxvxvf"]
   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"

9. <img src="https://pioneertech.edu/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBajhCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--cb93d5cb7bd3e7f27c087ffc57fd78a53ed16b73/Skills%20USA.png" data-image="k8pswa1fmzcg" width="206" height="96" style="width: 206px; height: 96px;">

   Element selector:

   img[data-image="k8pswa1fmzcg"]
   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"

10. <img src="https://pioneertech.edu/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBajhCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--cb93d5cb7bd3e7f27c087ffc57fd78a53ed16b73/Skills%20USA.png" data-image="64gs761kzk6r" width="210" height="98" style="width: 210px; height: 98px;">

    Element selector:

    img[data-image="64gs761kzk6r"]
    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"

11. <img src="https://pioneertech.edu/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa0FCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--19dbbe6bd614fddc3a4c50723ea6c51a84d226a2/NTHS.png" data-image="kywamp4p5v15" width="221" height="138" style="width: 221px; height: 138px;">

    Element selector:

    img[data-image="kywamp4p5v15"]
    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">
   Student Organizations
   </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"]