Page Scan Results:
Recruitment Office
https://www.nwosu.edu/office-of-recruitment
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
Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<img class="black-burger" src="/img/hamburger.png">
Element selector:.black-burger
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"
-
<img src="/img/zoom.png">
Element selector:img[src$="zoom.png"]
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"
-
<img src="/img/white-button-arrow.png">
Element selector:a[href$="apply-online"][target="_blank"] > .image > img[src$="white-button-arrow.png"]
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"
-
<img src="/img/white-button-arrow.png">
Element selector:a[href$="apply-for-admission"][target="_blank"] > .image > img[src$="white-button-arrow.png"]
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"
-
<img src="/img/white-button-arrow.png">
Element selector:a[href$="guidance-counselors"] > .image > img[src$="white-button-arrow.png"]
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"
-
<img src="/img/white-button-arrow.png">
Element selector:a[href$="nsa"] > .image > img[src$="white-button-arrow.png"]
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"
-
<img src="/img/white-button-arrow.png">
Element selector:a[href$="plc"] > .image > img[src$="white-button-arrow.png"]
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"
-
<img src="/img/white-button-arrow.png">
Element selector:.black-red-button:nth-child(6) > a[target="_blank"] > .image > img[src$="white-button-arrow.png"]
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"
-
<img src="/img/white-button-arrow.png">
Element selector:a[href$="residual-act"] > .image > img[src$="white-button-arrow.png"]
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"
-
<img src="/img/white-button-arrow.png">
Element selector:a[href$="clep"] > .image > img[src$="white-button-arrow.png"]
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"
-
<img src="/img/white-button-arrow.png">
Element selector:a[href$="student-services"][target="_blank"] > .image > img[src$="white-button-arrow.png"]
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"
-
<img src="/img/footer-rider.png">
Element selector:img[src$="footer-rider.png"]
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"
Buttons must have discernible text
Ensures buttons have discernible text. Axe Reference
-
<button><img src="/img/zoom.png"></button>
Element selector:button
Failing checks (At least one of these should pass)
- Element does not have inner 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
- Element's default semantics were not overridden with role="none" or role="presentation"
Frames must have an accessible name
Ensures <iframe> and <frame> elements have an accessible name. Axe Reference
-
<iframe allowtransparency="" frameborder="0" height="166" scrolling="no" src="https://cdn.yoshki.com/iframe/54732.html" style="BORDER-TOP: 0px;BORDER-RIGHT: 0px;BORDER-BOTTOM: 0px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px;PADDING-LEFT: 0px;MARGIN: 0px;BORDER-LEFT: 0px;PADDING-RIGHT: 0px;backgroundColor: transparent;" width="150">
Element selector:iframe[allowtransparency=""]
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"
<html> element must have a lang attribute
Ensures every HTML document has a lang attribute. Axe Reference
-
<html class="wf-franklingothicurw-n3-active wf-franklingothicurw-n4-active wf-franklingothicurw-n7-active wf-franklingothicurw-i4-active wf-franklingothicextcompurw-n4-active wf-franklingothicextcompurw-n7-active wf-active">
Element selector:html
Failing checks (At least one of these should pass)
- The <html> element does not have a lang attribute
Select element must have an accessible name
Ensures select element has an accessible name. Axe Reference
-
<select id="page-tab-select">
Element selector:#page-tab-select
Failing checks (At least one of these should pass)
- Form element does not have an implicit (wrapped) <label>
- Form element does not have an explicit <label>
- 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"
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 Summary
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
-
<h1>Recruitment Office</h1>
Element selector:.primary-title > h1
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
.primary-title
img[alt="2022-23 Recruitment Staff"]
-
Element's background color could not be determined because element contains an image node
-
<select id="page-tab-select">
Element selector:#page-tab-select
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.page-mobile-nav
-
Element's background color could not be determined due to a background image
Frames must have a unique title attribute
Ensures <iframe> and <frame> elements contain a unique title attribute. Axe Reference
-
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/Bfs3A8bobiQ" title="YouTube video player" width="400"></iframe>
Element selector:p:nth-child(6) > iframe[allowfullscreen=""][height="315"][title="YouTube video player"]
Failing checks (All of these should pass)
- Element's title attribute is not unique
-
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/abERKae2wOw" title="YouTube video player" width="400"></iframe>
Element selector:p:nth-child(7) > iframe[allowfullscreen=""][height="315"][title="YouTube video player"]
Failing checks (All of these should pass)
- Element's title attribute is not unique