Page Scan Results:

News

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

1. <span class="serif italic yellow">Stories</span>

   Element selector:

   .serif
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.73 (foreground color: #fdb913, background color: #ffffff, font size: 26.3pt (35px), font weight: normal). Expected contrast ratio of 3:1 .et_pb_section_2

2. <a class="et_pb_button et_pb_button_0 et_pb_bg_layout_light" href="/subscribe/" role="link">Subscribe</a>

   Element selector:

   .et_pb_button
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.73 (foreground color: #fdb913, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .et_pb_section_2

3. <span class="tribe-events-widget-events-list__event-date-tag-weekday">
   Wed </span>

   Element selector:

   time[datetime="2023-09-20"] > .tribe-events-widget-events-list__event-date-tag-weekday
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.73 (foreground color: #ffffff, background color: #fdb913, font size: 16.2pt (21.6px), font weight: bold). Expected contrast ratio of 3:1 time[datetime="2023-09-20"]

4. <span class="tribe-events-widget-events-list__event-date-tag-daynum tribe-common-h2 tribe-common-h4--min-medium">
   20 </span>

   Element selector:

   time[datetime="2023-09-20"] > .tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4--min-medium
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.73 (foreground color: #ffffff, background color: #fdb913, font size: 30.4pt (40.5px), font weight: bold). Expected contrast ratio of 3:1 time[datetime="2023-09-20"]

5. <a href="https://www.okwu.edu/news/" role="link">Chapel</a>

   Element selector:

   .post-10000878 > .tribe-events-widget-events-list__event-details > .tribe-events-widget-events-list__event-header > h5 > a[href$="news/"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.39 (foreground color: #db9c02, background color: #ffffff, font size: 10.1pt (13.5px), font weight: bold). Expected contrast ratio of 4.5:1 .et_pb_section_2

6. <span class="tribe-events-widget-events-list__event-date-tag-weekday">
   Fri </span>

   Element selector:

   time[datetime="2023-09-22"] > .tribe-events-widget-events-list__event-date-tag-weekday
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.73 (foreground color: #ffffff, background color: #fdb913, font size: 16.2pt (21.6px), font weight: bold). Expected contrast ratio of 3:1 time[datetime="2023-09-22"]

7. <span class="tribe-events-widget-events-list__event-date-tag-daynum tribe-common-h2 tribe-common-h4--min-medium">
   22 </span>

   Element selector:

   time[datetime="2023-09-22"] > .tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4--min-medium
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.73 (foreground color: #ffffff, background color: #fdb913, font size: 30.4pt (40.5px), font weight: bold). Expected contrast ratio of 3:1 time[datetime="2023-09-22"]

8. <a href="https://www.okwu.edu/news/" role="link">Chapel</a>

   Element selector:

   .post-10000879 > .tribe-events-widget-events-list__event-details > .tribe-events-widget-events-list__event-header > h5 > a[href$="news/"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.39 (foreground color: #db9c02, background color: #ffffff, font size: 10.1pt (13.5px), font weight: bold). Expected contrast ratio of 4.5:1 .et_pb_section_2

9. <span class="tribe-events-widget-events-list__event-date-tag-weekday">
   Wed </span>

   Element selector:

   time[datetime="2023-09-27"] > .tribe-events-widget-events-list__event-date-tag-weekday
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.73 (foreground color: #ffffff, background color: #fdb913, font size: 16.2pt (21.6px), font weight: bold). Expected contrast ratio of 3:1 time[datetime="2023-09-27"]

10. <span class="tribe-events-widget-events-list__event-date-tag-daynum tribe-common-h2 tribe-common-h4--min-medium">
    27 </span>

    Element selector:

    time[datetime="2023-09-27"] > .tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4--min-medium
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.73 (foreground color: #ffffff, background color: #fdb913, font size: 30.4pt (40.5px), font weight: bold). Expected contrast ratio of 3:1 time[datetime="2023-09-27"]

11. <a href="https://www.okwu.edu/news/" role="link">Chapel</a>

    Element selector:

    .post-10000880 > .tribe-events-widget-events-list__event-details > .tribe-events-widget-events-list__event-header > h5 > a[href$="news/"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.39 (foreground color: #db9c02, background color: #ffffff, font size: 10.1pt (13.5px), font weight: bold). Expected contrast ratio of 4.5:1 .et_pb_section_2

12. <span class="tribe-events-widget-events-list__event-date-tag-weekday">
    Fri </span>

    Element selector:

    time[datetime="2023-09-29"] > .tribe-events-widget-events-list__event-date-tag-weekday
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.73 (foreground color: #ffffff, background color: #fdb913, font size: 16.2pt (21.6px), font weight: bold). Expected contrast ratio of 3:1 time[datetime="2023-09-29"]

13. <span class="tribe-events-widget-events-list__event-date-tag-daynum tribe-common-h2 tribe-common-h4--min-medium">
    29 </span>

    Element selector:

    time[datetime="2023-09-29"] > .tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4--min-medium
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.73 (foreground color: #ffffff, background color: #fdb913, font size: 30.4pt (40.5px), font weight: bold). Expected contrast ratio of 3:1 time[datetime="2023-09-29"]

14. <a href="https://www.okwu.edu/news/" role="link">Chapel</a>

    Element selector:

    .post-10000881 > .tribe-events-widget-events-list__event-details > .tribe-events-widget-events-list__event-header > h5 > a[href$="news/"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.39 (foreground color: #db9c02, background color: #ffffff, font size: 10.1pt (13.5px), font weight: bold). Expected contrast ratio of 4.5:1 .et_pb_section_2

15. <a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="Ok" style="background-color: #00a99d" role="link">Ok</a>

    Element selector:

    #cn-accept-cookie
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.26 (foreground color: #ffffff, background color: #c7ece9, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 #cn-accept-cookie

16. <a href="https://www.okwu.edu/privacy-policy/" target="_blank" id="cn-more-info" class="cn-more-info cn-button" aria-label="Privacy policy" style="background-color: #00a99d" role="link">Privacy policy</a>

    Element selector:

    #cn-more-info
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.26 (foreground color: #ffffff, background color: #c7ece9, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 #cn-more-info

Ensures links have discernible text. Axe Reference

1. <a href="https://www.okwu.edu/" role="link">

   Element selector:

   .showonmobile > a[href$="okwu.edu/"]
   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://www.facebook.com/okwuniv/" class="icon" role="link">
   <span>Facebook</span>
   </a>

   Element selector:

   .et-social-facebook > .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

3. <a href="https://www.instagram.com/okwuniv/" class="icon" role="link">
   <span>Instagram</span>
   </a>

   Element selector:

   .et-social-instagram > .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

4. <a href="https://twitter.com/OKWUniv" class="icon" role="link">
   <span>Twitter</span>
   </a>

   Element selector:

   a[href$="OKWUniv"]
   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

5. <a href="https://www.youtube.com/channel/UCSkr7th7w_5u-iMCjNj8lcQ" class="icon" role="link">
   <span>YouTube</span>
   </a>

   Element selector:

   .et-social-youtube > .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

6. <a href="https://www.linkedin.com/school/oklahoma-wesleyan-university/" class="icon" role="link">
   <span>LinkedIn</span>
   </a>

   Element selector:

   .et-social-linkedin > .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

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <img id="logo" data-height-percentage="85" data-src="https://okwudev.wpengine.com/wp-content/uploads/2020/05/logo-okwu.svg" class=" lazyloaded" src="https://okwudev.wpengine.com/wp-content/uploads/2020/05/logo-okwu.svg">

   Element selector:

   .lazyloaded[data-height-percentage="85"]
   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 <meta name="viewport"> does not disable text scaling and zooming. Axe Reference

1. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">

   Element selector:

   meta[name="viewport"]
   Failing checks (At least one of these should pass)

   • user-scalable on <meta> tag disables zooming on mobile devices

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

1. <h1 class="et_pb_module_header">News</h1>

   Element selector:

   h1
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .et_parallax_bg

2. <h2>

   Element selector:

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

   • Element's background color could not be determined due to a background image .et_parallax_bg

3. <a href="https://www.okwu.edu/news/category/news/" role="link">News</a>

   Element selector:

   .et_pb_header_content_wrapper > h2 > a:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .et_parallax_bg

4. <a href="https://www.okwu.edu/news/category/academics/" role="link">Academics</a>

   Element selector:

   h2 > a:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .et_parallax_bg

5. <a href="https://www.okwu.edu/news/category/athletics/" role="link">Athletics</a>

   Element selector:

   h2 > a:nth-child(3)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .et_parallax_bg

6. <a href="https://www.okwu.edu/news/category/alumni-news/" role="link">Alumni</a>

   Element selector:

   h2 > a:nth-child(4)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .et_parallax_bg

7. <span id="cn-notice-text" class="cn-text-container">We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.</span>

   Element selector:

   #cn-notice-text
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements

Ensures form field does not have multiple label elements. Axe Reference

1. <input type="search" class="et-search-field" placeholder="Search …" value="" name="s" title="Search for:" data-swplive="true" id="wpa_label_s" autocomplete="off" aria-owns="searchwp_live_search_results_650765d5a6d9e" aria-autocomplete="both" aria-label="When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures.">

   Element selector:

   .et-search-field
   Failing checks (All of these should pass)

   • Multiple label elements is not widely supported in assistive technologies. Ensure the first label contains all necessary information. .et-search-form > .wpa-screen-reader-text[for="wpa_label_s"] div > .wpa-screen-reader-text[for="wpa_label_s"]

2. <input type="text" value="" name="s" data-swplive="true" data-swpengine="default" data-swpconfig="default" id="wpa_label_s" autocomplete="off" aria-owns="searchwp_live_search_results_650765d5e98cb" aria-autocomplete="both" aria-label="When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures.">

   Element selector:

   input[type="text"]
   Failing checks (All of these should pass)

   • Multiple label elements is not widely supported in assistive technologies. Ensure the first label contains all necessary information. .et-search-form > .wpa-screen-reader-text[for="wpa_label_s"] div > .wpa-screen-reader-text[for="wpa_label_s"]

Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference

1. <input type="search" class="et-search-field" placeholder="Search …" value="" name="s" title="Search for:" data-swplive="true" id="wpa_label_s" autocomplete="off" aria-owns="searchwp_live_search_results_650765d5a6d9e" aria-autocomplete="both" aria-label="When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures.">

   Element selector:

   .et-search-field
   Failing checks (At least one of these should pass)

   • Document has multiple elements referenced with ARIA with the same id attribute: wpa_label_s input[type="text"]