Page Scan Results:

President’s Leadership Class Home

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

1. <a href="https://connorsstate.edu/plc/" aria-current="page" style="text-decoration: underline;">President’s Leadership Class Home</a>

   Element selector:

   a[aria-current="page"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

2. <a href="https://connorsstate.edu/plc/what-is-plc/" style="text-decoration: underline;">What is PLC?</a>

   Element selector:

   #menu-item-17816 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

3. <a href="https://connorsstate.edu/plc/plcs-mission-statement/" style="text-decoration: underline;">Mission Statement</a>

   Element selector:

   #menu-item-17817 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

4. <a href="https://connorsstate.edu/plc/community/" style="text-decoration: underline;">Community</a>

   Element selector:

   #menu-item-17822 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

5. <a href="https://connorsstate.edu/plc/scholarships/" style="text-decoration: underline;">PLC Scholarship</a>

   Element selector:

   #menu-item-17818 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

6. <a href="https://connorsstate.edu/plc/application/" style="text-decoration: underline;">How to join?</a>

   Element selector:

   #menu-item-17819 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

7. <a href="https://connorsstate.edu/plc/selection-criteria/" style="text-decoration: underline;">Selection Criteria</a>

   Element selector:

   #menu-item-17823 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

8. <a href="https://connorsstate.edu/plc/in-the-class/" style="text-decoration: underline;">In The Class..</a>

   Element selector:

   #menu-item-17824 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

9. <a href="https://connorsstate.edu/plc/class-objectives/" style="text-decoration: underline;">Class Key Points</a>

   Element selector:

   #menu-item-17825 > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

10. <a href="https://connorsstate.edu/plc/syllabus/" style="text-decoration: underline;">Syllabus</a>

    Element selector:

    #menu-item-17820 > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

11. <a href="https://connorsstate.edu/plc/renewal-requirements/" style="text-decoration: underline;">Renewal Requirements</a>

    Element selector:

    #menu-item-17821 > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

12. <a href="https://www.facebook.com/pg/ConnorsPresidentsLeadershipClass/photos/?tab=album&amp;album_id=2164953543785025" style="text-decoration: underline;">Meet the Class</a>

    Element selector:

    #menu-item-17827 > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

13. <a href="https://www.facebook.com/ConnorsPresidentsLeadershipClass" style="text-decoration: underline;">Facebook</a>

    Element selector:

    #menu-item-17826 > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.21 (foreground color: #f06400, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

14. <a href="tel:+19184632931" style="text-decoration: underline;">

    Element selector:

    a[href="tel:+19184632931"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.92 (foreground color: #f06400, background color: #333333, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .global-footer

15. <a href="/tour" style="text-decoration: underline;"><i class="fal fa-walking" aria-hidden=""></i>Virtual Tour</a>

    Element selector:

    .col-sm-6.col-lg-4:nth-child(1) > ul:nth-child(5) > li:nth-child(3) > a[href$="tour"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.92 (foreground color: #f06400, background color: #333333, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .global-footer

16. <a href="#" style="text-decoration: underline;">

    Element selector:

    .col-sm-6.col-lg-4:nth-child(1) > ul:nth-child(5) > li:nth-child(4) > a[href="#"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.92 (foreground color: #f06400, background color: #333333, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .global-footer

17. <a href="tel:+19186876747" style="text-decoration: underline;">

    Element selector:

    a[href="tel:+19186876747"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.92 (foreground color: #f06400, background color: #333333, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .global-footer

18. <a href="/tour" style="text-decoration: underline;"><i class="fal fa-walking" aria-hidden=""></i>Virtual Tour</a>

    Element selector:

    .col-sm-6.col-lg-4:nth-child(2) > ul:nth-child(5) > li:nth-child(3) > a[href$="tour"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.92 (foreground color: #f06400, background color: #333333, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .global-footer

19. <a href="#" style="text-decoration: underline;">

    Element selector:

    .col-sm-6.col-lg-4:nth-child(2) > ul:nth-child(5) > li:nth-child(4) > a[href="#"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.92 (foreground color: #f06400, background color: #333333, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .global-footer

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe width="100%" height="200" id="gmap_canvas" src="https://maps.google.com/maps?q=Connors%20State%20College%2C%20700%20College%20Road%20Warner%2C%20OK%2074469-2204&amp;t=&amp;z=15&amp;ie=UTF8&amp;iwloc=&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>

   Element selector:

   .col-sm-6.col-lg-4:nth-child(1) > .google-map > .mapouter > .gmap_canvas > iframe[width="100%"][height="200"][marginheight="0"]
   Failing checks (At least one of these should pass)

   • Element has no title 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's default semantics were not overridden with role="none" or role="presentation"

2. <iframe width="100%" height="200" id="gmap_canvas" src="https://maps.google.com/maps?q=Connors%20State%20College%2C%202501%20N.%2041st%20Street%20East%2C%20Muskogee%2C%20OK%2074403&amp;t=&amp;z=15&amp;ie=UTF8&amp;iwloc=&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0">

   Element selector:

   .col-sm-6.col-lg-4:nth-child(2) > .google-map > .mapouter > .gmap_canvas > iframe[width="100%"][height="200"][marginheight="0"]
   Failing checks (At least one of these should pass)

   • Element has no title 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's default semantics were not overridden with role="none" or role="presentation"

3. <iframe frameborder="0" scrolling="no" allowtransparency="true" width="150" height="166" src="https://cdn.yoshki.com/iframe/54732.html" style="border:0px;margin:0px; padding:0px; backgroundColor:transparent;"></iframe>

   Element selector:

   iframe[allowtransparency="true"]
   Failing checks (At least one of these should pass)

   • Element has no title 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's default semantics were not overridden with role="none" or role="presentation"

Ensures links have discernible text. Axe Reference

1. <a href="#" class="search_icon">

   Element selector:

   .search_icon
   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://connorsstate.edu/" class="navbar-brand custom-logo-link" rel="home"><img width="279" height="207" src="https://connorsstate.edu/wp-content/uploads/2019/02/connors-state-college-logo-web.png" class="img-fluid" alt="Connors State College Logo" decoding="async"></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

Ensures attributes that begin with aria- are valid ARIA attributes. Axe Reference

1. <a aria-role="button" aria-controls="ubermenu-main-27-primary-2" class="ubermenu-responsive-toggle ubermenu-responsive-toggle-main ubermenu-skin-trans-black ubermenu-loc-primary ubermenu-responsive-toggle-content-align-left ubermenu-responsive-toggle-align-left ubermenu-responsive-toggle-icon-only " data-ubermenu-target="ubermenu-main-27-primary-2" aria-hidden="false">

   Element selector:

   a[aria-controls="ubermenu-main-27-primary-2"]
   Failing checks (At least one of these should pass)

   • Invalid ARIA attribute name: aria-role

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

1. <a href="https://connorsstate.edu/new-students-start-here/">New Students – Start Here!</a>

   Element selector:

   #menu-item-21165 > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient #global-top-bar

2. <a href="https://connorsstate.edu/students/">Current Students</a>

   Element selector:

   #menu-item-24165 > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient #global-top-bar

3. <a href="https://connorsstate.edu/faculty-staff/">Faculty &amp; Staff</a>

   Element selector:

   #menu-item-24166 > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient #global-top-bar

4. <a href="/directory/">Directory</a>

   Element selector:

   #menu-item-740 > a[href$="directory/"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient #global-top-bar

5. <a href="/my-csc/">My CSC</a>

   Element selector:

   a[href$="my-csc/"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient #global-top-bar

6. <h2>Warner - Main Campus</h2>

   Element selector:

   .col-sm-6.col-lg-4:nth-child(1) > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

7. <h2>Three Rivers Port Campus</h2>

   Element selector:

   .col-sm-6.col-lg-4:nth-child(2) > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

8. <h2>Quicklinks</h2>

   Element selector:

   .quicklinks > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

9. <a href="#">Website Help</a>

   Element selector:

   .bottom-links-group > ul > li:nth-child(1) > a[href="#"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient #global-bottom-bar

10. <a href="#">Copyright © 2023</a>

    Element selector:

    .bottom-links-group > ul > li:nth-child(2) > a[href="#"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient #global-bottom-bar

11. <a href="#">Site Accessibility</a>

    Element selector:

    .bottom-links-group > ul > li:nth-child(3) > a[href="#"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient #global-bottom-bar

12. <a href="#">Privacy</a>

    Element selector:

    .bottom-links-group > ul > li:nth-child(4) > a[href="#"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient #global-bottom-bar

13. <a href="#">Contact Us</a>

    Element selector:

    .bottom-links-group > ul > li:nth-child(5) > a[href="#"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient #global-bottom-bar

Ensures all ARIA attributes have valid values. Axe Reference

1. <i class="fal fa-walking" aria-hidden=""></i>

   Element selector:

   .col-sm-6.col-lg-4:nth-child(1) > ul:nth-child(5) > li:nth-child(3) > a[href$="tour"] > i
   Failing checks (All of these should pass)

   • ARIA attribute value is ignored while empty: aria-hidden

2. <i class="fal fa-walking" aria-hidden=""></i>

   Element selector:

   .col-sm-6.col-lg-4:nth-child(2) > ul:nth-child(5) > li:nth-child(3) > a[href$="tour"] > i
   Failing checks (All of these should pass)

   • ARIA attribute value is ignored while empty: aria-hidden