Page Scan Results:
CAMPUS HOUSING
https://www.okwu.edu/campus-life/campus-housing/
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">Campus Housing</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="https://www.okwu.edu/" role="link">Home</a>
Element selector:span:nth-child(1) > a[href$="okwu.edu/"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.73 (foreground color: #428ea2, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
body
-
Element has insufficient color contrast of 3.73 (foreground color: #428ea2, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.okwu.edu/campus-life/" role="link">Campus Life</a>
Element selector:span > span:nth-child(2) > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.73 (foreground color: #428ea2, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
body
-
Element has insufficient color contrast of 3.73 (foreground color: #428ea2, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
-
<h2>Living in Community.</h2>
Element selector:.et_pb_text_1 > .et_pb_text_inner > h2
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
-
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
-
<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 1.69 (foreground color: #ffffff, background color: #c7c7c7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
#cookie-notice
.et_pb_section_2
-
Element has insufficient color contrast of 1.69 (foreground color: #ffffff, background color: #c7c7c7, 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.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
-
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
-
<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
-
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
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/"]
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
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
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
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
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=" ls-is-cached lazyloaded" src="https://okwudev.wpengine.com/wp-content/uploads/2020/05/logo-okwu.svg">
Element selector:.ls-is-cached
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
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/"]
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
.et_pb_text_0 > .et_pb_text_inner
-
Element's contrast ratio could not be determined because of element overlap
-
<a href="https://www.okwu.edu/campus-life/" role="link">Campus Life</a>
Element selector:span > span:nth-child(2) > a
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
.et_pb_text_0 > .et_pb_text_inner
-
Element's contrast ratio could not be determined because of element overlap
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
-
<h2 class="et_pb_module_header">Tomorrow Needs You.</h2>
Element selector:.header-content > .et_pb_module_header
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.et_pb_section_0
-
Element's background color could not be determined due to a background image