Page Scan Results:

New Students – Start Here

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/2020/05/Admissions_Advisement-Video.mp4" style="text-decoration: underline;">click here</a>

   Element selector:

   p:nth-child(1) > 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-3267.app451.sites.451.io/" style="text-decoration: underline;">Click here to apply.</a>

   Element selector:

   ol > li:nth-child(1) > 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 rel="noreferrer noopener" href="https://connorsstate.edu/scholarships/" style="text-decoration: underline;">Apply for Scholarships</a>

   Element selector:

   a[rel="noreferrer noopener"]
   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://apps.okstate.edu/okey/connors/index.php/module/Activate/action/Index" style="text-decoration: underline;">Setup your C-Key account</a>

   Element selector:

   ol > li: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

5. <a href="https://cscportal.okstate.edu/" style="text-decoration: underline;">Student Portal</a>

   Element selector:

   a[href$="cscportal.okstate.edu/"]
   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="http://connorsstate.instructure.com/" style="text-decoration: underline;">Canvas</a>

   Element selector:

   ol > li:nth-child(3) > ul > li:nth-child(5) > ul > li:nth-child(1) > 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="http://cowboymail.okstate.edu/" style="text-decoration: underline;">Email</a>

   Element selector:

   a[href$="cowboymail.okstate.edu/"]
   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://stwerpbeis.okstate.edu/ssomanager/c/SSB?pkg=https://ssb.okstate.edu/CSC/twbkwbis.P_GenMenu?name=bmenu.P_MainMnu" style="text-decoration: underline;">Student Self-Service</a>

   Element selector:

   ol > li:nth-child(3) > ul > li:nth-child(5) > ul > li: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

9. <a href="https://secure.touchnet.net/C20620_tsa/web/caslogin.jsp" style="text-decoration: underline;">Online Billing</a>

   Element selector:

   li:nth-child(3) > ul > li:nth-child(5) > ul > li:nth-child(4) > 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/aar/rar" style="text-decoration: underline;">Request Advisement &amp; Register for Courses</a>

    Element selector:

    ol > li:nth-child(4) > 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/campuslife/housing/" style="text-decoration: underline;">Housing Options</a>

    Element selector:

    ol > li:nth-child(5) > 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://connorsstate.edu/campuslife/housing/options/" style="text-decoration: underline;">Housing options</a>

    Element selector:

    ol > li:nth-child(5) > ul > li > 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

13. <a href="https://connorsstate.edu/campuslife/housing/how-to-apply/" style="text-decoration: underline;">how to apply for housing</a>

    Element selector:

    a:nth-child(2)
    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 <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <img src="https://trkn.us/pixel/conv/ppt=18013;g=new-students-start-here-awareness;gid=41219;ord=317217348159.5197;v=120" width="1" height="1">

   Element selector:

   img[width="1"]
   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. <a href="https://connorsstate.edu/new-students-start-here/" aria-current="page">New Students – Start Here!</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

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