Page Scan Results:

Visit Northwestern

https://www.nwosu.edu/visit-northwestern 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: 7
Select element must have an accessible name: 2
Buttons must have discernible text: 1
Frames must have an accessible name: 1
<html> element must have a lang attribute: 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$="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$="traditions"][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(3) > 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(4) > 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/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"

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 onchange="window.location.href=this.value">
```
Element selector:
.mobile-secondary-nav > 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"
```
<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"

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

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

Elements must meet minimum color contrast ratio thresholds: 2

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

serious

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT

```
<h1>Visit Northwestern</h1>
```
Element selector:
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="Visit NW-Overview"]
```
<select onchange="window.location.href=this.value">
```
Element selector:
.mobile-secondary-nav > select
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mobile-secondary-nav

Page Scan Results: Visit Northwestern

Known Issues Summary

Known Issues on This Page

Images must have alternate text

Select element must have an accessible name

Buttons must have discernible text

Frames must have an accessible name

<html> element must have a lang attribute

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

Page Scan Results:

Visit Northwestern