Page Scan Results:

Clubs & Organizations

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

1. <em>jayla.mcguire@connorsstate.edu</em>

   Element selector:

   p:nth-child(1) > a > em
   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. <strong>Aggie Club </strong>

   Element selector:

   a[href="/ac"] > strong
   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: bold). Expected contrast ratio of 4.5:1 body

3. <em>sierra.re.walker@connorsstate.edu</em>

   Element selector:

   li:nth-child(1) > a:nth-child(2) > em
   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. <strong>Agriculture Ambassadors </strong>

   Element selector:

   li:nth-child(2) > a:nth-child(1) > strong
   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: bold). Expected contrast ratio of 4.5:1 body

5. <em>goldend@connorsstate.edu</em>

   Element selector:

   a:nth-child(3) > em
   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/bcm/" style="text-decoration: underline;">Baptist Collegiate Ministries (BCM)</a>

   Element selector:

   strong > a[href$="bcm/"]
   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: bold). Expected contrast ratio of 4.5:1 body

7. <em>rmorris@oklahomabaptists.org</em>

   Element selector:

   li:nth-child(3) > a > em
   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. <strong>Business Club </strong>

   Element selector:

   li:nth-child(4) > a:nth-child(1) > strong
   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: bold). Expected contrast ratio of 4.5:1 body

9. <em>rhonda.wilson@connorsstate.edu</em>

   Element selector:

   li:nth-child(4) > a:nth-child(2) > em
   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. <em>shawna.tatum@connorsstate.edu</em>

    Element selector:

    li:nth-child(5) > a > em
    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://m.facebook.com/people/Connors-State-College-Esports/100077646106237/" style="text-decoration: underline;">Esports</a>

    Element selector:

    li:nth-child(6) > strong > 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: bold). Expected contrast ratio of 4.5:1 body

12. <em>lopezjd@okstate.edu</em>

    Element selector:

    a[href="mailto:lopezjd@okstate.edu"] > em
    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. <em>emilee.burge@connorsstate.edu</em>

    Element selector:

    li:nth-child(7) > a > em
    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. <em>ona.britton-spears@connorsstate.edu</em>

    Element selector:

    li:nth-child(8) > a > em
    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

15. <em>lynett.rock@connorsstate.edu</em>

    Element selector:

    li:nth-child(9) > a > em
    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

16. <em>carneta.cooper@connorsstate.edu</em>

    Element selector:

    li:nth-child(10) > a > em
    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

17. <em>callie.connolly@okstat.edu</em>

    Element selector:

    li:nth-child(11) > a > em
    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

18. <strong>Phi Theta Kappa </strong>

    Element selector:

    a[href$="ptk/"] > strong
    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: bold). Expected contrast ratio of 4.5:1 body

19. <em>ona.britton-spears@connorsstate.edu</em>

    Element selector:

    li:nth-child(12) > a:nth-child(2) > em
    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

20. <strong>President’s Leadership Class </strong>

    Element selector:

    a[href$="plc/"] > strong
    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: bold). Expected contrast ratio of 4.5:1 body

21. <em>drivenb@connorsstate.edu</em>

    Element selector:

    li:nth-child(13) > a:nth-child(2) > em
    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

22. <em>sierra.re.walker@connorsstate.edu</em>

    Element selector:

    li:nth-child(14) > a > em
    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

23. <em>diana.mashburn@connorsstate.edu</em>

    Element selector:

    li:nth-child(15) > a > em
    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

24. <em>chris.mcbeath@connorsstate.edu</em>

    Element selector:

    li:nth-child(16) > a > em
    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

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

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

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

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

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

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