Page Scan Results:

Directory: Employees

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

1. <a href="https://connorsstate.edu/wp-content/uploads/2023/06/Departmental-Directory-06.26.23.pdf" style="text-decoration: underline;">Staff Directory</a>

   Element selector:

   p:nth-child(1) > a:nth-child(1)
   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/wp-content/uploads/2023/06/Faculty-Directory-06.26.2023.pdf" style="text-decoration: underline;">Faculty Directory</a>

   Element selector:

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

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

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

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

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

8. <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://apps.okstate.edu/directory/csc/" scrolling="yes" width="100%" height="800" frameborder="0"></iframe>

   Element selector:

   iframe[scrolling="yes"]
   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%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"

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

4. <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/" aria-current="page">Directory</a>

   Element selector:

   a[aria-current="page"]
   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