Page Scan Results:
DIRECTORY
https://www.okwu.edu/directory/
Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.
Known Issues on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<h1 class="entry-title">Directory</h1>
Element selector:h1
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.0pt (40px), font weight: bold). Expected contrast ratio of 3:1
h1
-
Element has insufficient color contrast of 1.73 (foreground color: #ffffff, background color: #fdb913, font size: 30.0pt (40px), font weight: bold). Expected contrast ratio of 3:1
-
<a href="#" class="active" data-category-slug="all" role="link">All</a>
Element selector:a[data-category-slug="all"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.64 (foreground color: #fdb913, background color: #f9f9f9, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1
a[data-category-slug="all"]
-
Element has insufficient color contrast of 1.64 (foreground color: #fdb913, background color: #f9f9f9, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/taneisha-aeschleman/" role="link">Taneisha Aeschleman</a>
Element selector:#post-320069 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/tabitha-benbrook/" role="link">Tabitha Benbrook</a>
Element selector:#post-105414 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/hartmut-blackert/" role="link">Hartmut Blackert</a>
Element selector:#post-327416 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/david-blakemore/" role="link">David Blakemore</a>
Element selector:#post-324417 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/donnie-bostwick/" role="link">Donnie Bostwick</a>
Element selector:#post-324372 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/keri-bostwick/" role="link">Keri Bostwick</a>
Element selector:#post-68 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/trae-brown/" role="link">Trae Brown</a>
Element selector:#post-318647 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/aaron-bunker/" role="link">Aaron Bunker</a>
Element selector:#post-36223 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/andrew-bush/" role="link">Andrew Bush</a>
Element selector:#post-120198 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/benjamin-bush/" role="link">Benjamin Bush</a>
Element selector:#post-324276 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/jason-bussey/" role="link">Jason Bussey</a>
Element selector:#post-76 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/staff/tom-carr/" role="link">Tom Carr</a>
Element selector:#post-324412 > h2 > a[role="link"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 1.01 (foreground color: #fdfdfd, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="#" data-page="next" class="page-next">Next</a>
Element selector:.page-next
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.et_pb_section_1
-
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<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 has insufficient color contrast of 2.61 (foreground color: #ffffff, background color: #a0a0a0, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
#cookie-notice
.et_pb_section_1
-
Element has insufficient color contrast of 2.61 (foreground color: #ffffff, background color: #a0a0a0, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
-
<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.49 (foreground color: #ffffff, background color: #a0dfdb, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
#cn-accept-cookie
-
Element has insufficient color contrast of 1.49 (foreground color: #ffffff, background color: #a0dfdb, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
-
<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.49 (foreground color: #ffffff, background color: #a0dfdb, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
#cn-more-info
-
Element has insufficient color contrast of 1.49 (foreground color: #ffffff, background color: #a0dfdb, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="https://www.okwu.edu/" role="link">
Element selector:.showonmobile > a[href$="okwu.edu/"][role="link"]
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
-
<a href="https://www.facebook.com/okwuniv/" class="icon" role="link"> <span>Facebook</span> </a>
Element selector:.et-social-facebook > .icon[role="link"]
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
-
<a href="https://www.instagram.com/okwuniv/" class="icon" role="link"> <span>Instagram</span> </a>
Element selector:.et-social-instagram > .icon[role="link"]
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
-
<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
-
<a href="https://www.youtube.com/channel/UCSkr7th7w_5u-iMCjNj8lcQ" class="icon" role="link"> <span>YouTube</span> </a>
Element selector:.et-social-youtube > .icon[role="link"]
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
-
<a href="https://www.linkedin.com/school/oklahoma-wesleyan-university/" class="icon" role="link"> <span>LinkedIn</span> </a>
Element selector:.et-social-linkedin > .icon[role="link"]
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
Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<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"
Zooming and scaling must not be disabled
Ensures <meta name="viewport"> does not disable text scaling and zooming. Axe Reference
-
<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
Needs Review - These "incomplete" issues may be problematic, but couldn't be completely tested automatically. They should be reviewed by a real person.
Needs Review on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<a href="https://www.okwu.edu/" role="link">Home</a>
Element selector:span:nth-child(1) > a[href$="okwu.edu/"][role="link"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.et_pb_text_inner
-
Element's background color could not be determined due to a pseudo element
-
<span class="breadcrumb_last" aria-current="page">Directory</span>
Element selector:.breadcrumb_last
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.et_pb_text_inner
-
Element's background color could not be determined due to a pseudo element
-
<a href="#" data-page="1" class="page-1 active">1</a>
Element selector:a[data-page="1"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.et_pb_section_1
-
Element content is too short to determine if it is actual text content
-
<a href="#" data-page="2" class="page-2">2</a>
Element selector:a[data-page="2"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.et_pb_section_1
-
Element content is too short to determine if it is actual text content
-
<a href="#" data-page="3" class="page-3">3</a>
Element selector:a[data-page="3"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.et_pb_section_1
-
Element content is too short to determine if it is actual text content
-
<a href="#" data-page="4" class="page-4">4</a>
Element selector:a[data-page="4"]
Failing checks (At least one of these should pass)
-
Element content is too short to determine if it is actual text content
.et_pb_section_1
-
Element content is too short to determine if it is actual text content
Form field must not have multiple label elements
Ensures form field does not have multiple label elements. Axe Reference
-
<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_650765e09cbfe" 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"]
-
Multiple label elements is not widely supported in assistive technologies. Ensure the first label contains all necessary information.
-
<input type="text" name="s" placeholder="Search Directory" class="et_pb_s" id="wpa_label_s">
Element selector:.et_pb_s
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"]
-
Multiple label elements is not widely supported in assistive technologies. Ensure the first label contains all necessary information.
IDs used in ARIA and labels must be unique
Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference
-
<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_650765e09cbfe" 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
.et_pb_s
-
Document has multiple elements referenced with ARIA with the same id attribute: wpa_label_s
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a href="https://www.okwu.edu/" role="link">Home</a>
Element selector:span:nth-child(1) > a[href$="okwu.edu/"][role="link"]
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined due to a background image
.et_pb_text_inner
-
Element's contrast ratio could not be determined due to a background image