Page Scan Results:

Student Activities

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

1. <a href="https://connorsstate.edu/student-life/saa/" style="text-decoration: underline;">Student Affairs</a>

   Element selector:

   #menu-item-29469 > 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

2. <a href="https://connorsstate.edu/student-complaints-form/" style="text-decoration: underline;">Student Complaints Form</a>

   Element selector:

   #menu-item-29471 > 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/student-life/" style="text-decoration: underline;">Student Life Home</a>

   Element selector:

   #menu-item-29205 > 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/campuslife/sa/" aria-current="page" style="text-decoration: underline;">Student Activities</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

5. <a href="https://connorsstate.edu/student-information-and-college-policies/" style="text-decoration: underline;">Student Information and College Policies</a>

   Element selector:

   #menu-item-18460 > 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/campuslife/housing/" style="text-decoration: underline;">Housing/Residential Life</a>

   Element selector:

   #menu-item-24105 > 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/so/" style="text-decoration: underline;">Student Organizations</a>

   Element selector:

   #menu-item-29204 > a[href$="so/"]
   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/bookstore/" style="text-decoration: underline;">Bookstore</a>

   Element selector:

   #menu-item-24118 > 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://connorsstatedining.sodexomyway.com/" style="text-decoration: underline;">Cafeteria &amp; Dining Services</a>

   Element selector:

   #menu-item-29437 > 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://www.facebook.com/ConnorsSA/" style="text-decoration: underline;">Connors State College Student Activities Facebook</a>

    Element selector:

    p:nth-child(2) > 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://instagram.com/csc_student_activities?igshid=YmMyMTA2M2Y=" style="text-decoration: underline;">Connors State College Instagram</a>

    Element selector:

    p:nth-child(3) > 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="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

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

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

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

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

17. <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 style="border: none; overflow: hidden;" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FConnorsSA%2F&amp;tabs=timeline&amp;width=350&amp;height=560&amp;small_header=true&amp;adapt_container_width=true&amp;hide_cover=true&amp;hide_facepile=false&amp;appId" scrolling="no" width="100%" height="560" frameborder="0">

   Element selector:

   iframe[height="560"]
   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 class="instagram-media instagram-media-rendered" id="instagram-embed-0" src="https://www.instagram.com/csc_student_activities/embed/?cr=1&amp;v=14&amp;wp=400&amp;rd=https%3A%2F%2Fconnorsstate.edu&amp;rp=%2Fcampuslife%2Fsa#%7B%22ci%22%3A0%2C%22os%22%3A630.7000000000116%2C%22ls%22%3A453.1000000000058%2C%22le%22%3A622.4000000000233%7D" allowtransparency="true" allowfullscreen="true" frameborder="0" height="0" data-instgrm-payload-id="instagram-media-payload-0" scrolling="no" style="background: white; max-width: 400px; width: calc(100% - 2px); border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;">

   Element selector:

   #instagram-embed-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 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[height="200"][marginheight="0"][marginwidth="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"

4. <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[height="200"][marginheight="0"][marginwidth="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"

5. <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[width="150"]
   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