Page Scan Results:

Helpful Videos

https://www.nwosu.edu/helpful-videos Scanned Sep. 17, 2023 at 8:33 PM

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 Summary

Images must have alternate text: 14
Links must have discernible text: 5
Buttons must have discernible text: 1
Frames must have an accessible name: 1
<html> element must have a lang attribute: 1
Select element must have an accessible name: 1

Known Issues on This Page

Images must have alternate text

critical

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

Rule type: WCAG 2.0 A, WCAG SC 1.1.1, Old Section 508, EN-301-549, EN-9.1.1.1, ACT

```
<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$="office-of-recruitment"][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:
.black-red-button:nth-child(5) > 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:
.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:
.black-red-button:nth-child(7) > 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$="paying-for-college"][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:
.black-red-button:nth-child(9) > 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:
.black-red-button:nth-child(10) > 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:
.black-red-button:nth-child(11) > 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$="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/white-button-arrow.png">
```
Element selector:
a[href$="lasso"] > .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"

Links must have discernible text

serious

Ensures links have discernible text. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 2.4.4, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.2.4.4, EN-9.4.1.2, ACT

```
<a href="//nwosu.mymajors.com/quiz/?"><span style="color:#d61832;"><span style="font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space-collapse: preserve;"> </span></span></a>
```
Element selector:
a[href="//nwosu.mymajors.com/quiz/?"]:nth-child(4)
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://selfservice.nwosu.edu/student"> </a>
```
Element selector:
tr:nth-child(4) > td > p > a:nth-child(3)
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.nwosu.edu/living-on-campus"> </a>
```
Element selector:
tr:nth-child(5) > td > p > a:nth-child(2)
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://nwosu.erezlife.com/login/"> </a>
```
Element selector:
tr:nth-child(5) > td > p > a:nth-child(7)
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.nwosu.edu/living-on-campus/residence-halls/packing-checklist"> </a>
```
Element selector:
a:nth-child(11)
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

Buttons must have discernible text

critical

Ensures buttons have discernible text. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2, ACT

```
<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

serious

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2

```
<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

serious

Ensures every HTML document has a lang attribute. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 3.1.1, EN-301-549, EN-9.3.1.1, ACT

<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

critical

Ensures select element has an accessible name. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2, ACT

```
<select id="page-tab-select">

</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

Frames must have a unique title attribute: 5
Elements must meet minimum color contrast ratio thresholds: 1

Needs Review on This Page

Frames must have a unique title attribute

serious

Ensures <iframe> and <frame> elements contain a unique title attribute. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2

<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/Z5tMtgz2eP4" title="YouTube video player" width="560"></iframe>

Element selector:

tr:nth-child(1) > td > iframe[allowfullscreen=""][height="315"][title="YouTube video player"]