Page Scan Results:

New Student Institute

https://www.snu.edu/snu-life/new-student-institute/ Scanned Sep. 17, 2023 at 8:43 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

<li> elements must be contained in a <ul> or <ol>: 8
Elements must meet minimum color contrast ratio thresholds: 3
<ul> and <ol> must only directly contain <li>, <script> or <template> elements: 2

Known Issues on This Page

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1

```
<li><a href="https://www.snu.edu/snu-life/safety/" data-type="page" data-id="91923">CAMPUS SECURITY</a></li>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .b40-list-block > ul > .b40-list-block:nth-child(1) > li
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="https://www.snu.edu/intercultural-learning-engagement/center-for-student-success/disability-services/" data-type="page" data-id="91907">DISABILITY SERVICES</a></li>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .b40-list-block > ul > .b40-list-block:nth-child(2) > li
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="https://www.snu.edu/housing-residence-life/" data-type="page" data-id="91799">HOUSING</a></li>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .b40-list-block > ul > .b40-list-block:nth-child(3) > li
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="https://www.snu.edu/snu-careers/" data-type="page" data-id="407">JOBS</a></li>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .b40-list-block > ul > .b40-list-block:nth-child(4) > li
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="https://www.snu.edu/snu-life/commons-conference-services/" data-type="page" data-id="91922">MAIL SERVICES</a></li>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .b40-list-block > ul > .b40-list-block:nth-child(1) > li
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="http://renew.snu.edu/" rel="nofollow noopener" target="_blank">RENEW COUNSELING CENTER</a></li>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .b40-list-block > ul > .b40-list-block:nth-child(2) > li
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="https://www.snu.edu/snu-life/student-health-center/" data-type="page" data-id="92058">STUDENT HEALTH CENTER</a></li>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .b40-list-block > ul > .b40-list-block:nth-child(3) > li
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li><a href="https://www.snu.edu/snu-life/campus-store/" data-type="page" data-id="92033">UNIVERSITY STORE</a></li>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .b40-list-block > ul > .b40-list-block:nth-child(4) > li
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element

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

```
<a href="https://www.snu.edu">Home</a>
```
Element selector:
.item:nth-child(1) > a[href$="www.snu.edu"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://www.snu.edu/snu-life/">SNU Life</a>
```
Element selector:
.item-parent > a[href$="snu-life/"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<li class="item-current item">New Student Institute</li>
```
Element selector:
.item-current
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.09 (foreground color: #b3b3b3, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 body

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1

```
<ul>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .b40-list-block > ul
Failing checks (All of these should pass)
- List element has direct children that are not allowed: div .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .b40-list-block > ul > .b40-list-block:nth-child(1) .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .b40-list-block > ul > .b40-list-block:nth-child(2) .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .b40-list-block > ul > .b40-list-block:nth-child(3) .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(1) > .b40-list-block > ul > .b40-list-block:nth-child(4)
```
<ul>
```
Element selector:
.wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .b40-list-block > ul
Failing checks (All of these should pass)
- List element has direct children that are not allowed: div .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .b40-list-block > ul > .b40-list-block:nth-child(1) .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .b40-list-block > ul > .b40-list-block:nth-child(2) .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .b40-list-block > ul > .b40-list-block:nth-child(3) .wp-block-column.wp-block-column-is-layout-flow.is-layout-flow:nth-child(2) > .b40-list-block > ul > .b40-list-block:nth-child(4)

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

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

```
<h2 class="wp-block-heading has-text-align-center">Counting down until you arrive at SNU!&nbsp;</h2>
```
Element selector:
.has-text-align-center
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .wp-block-cover:nth-child(2) > .wp-block-cover__background.has-background-dim[aria-hidden="true"] .wp-image-92049
```
<h2 style="text-align: center;">Welcome to SNU!</h2>
```
Element selector:
.hurrytimer-campaign-message > h2
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .wp-block-cover:nth-child(2) > .wp-block-cover__background.has-background-dim[aria-hidden="true"] .wp-image-92049
```
<h2 class="wp-block-heading">How can we help you?</h2>
```
Element selector:
.wp-block-group__inner-container > .wp-block-heading
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691

<p>Check out the links below for a lot of great information you need to make your transition to SNU as smooth as possible. Feel free to contact us at&nbsp;<a href="https://www.snu.edu/life-at-snu/nsi/mjaggers@snu.edu">mjaggers@snu.edu&nbsp;</a>if you have questions.</p>

Element selector:

.wp-block-group__inner-container > p:nth-child(2)

Failing checks (At least one of these should pass)

Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691

```
<a href="https://www.snu.edu/life-at-snu/nsi/mjaggers@snu.edu">mjaggers@snu.edu&nbsp;</a>
```
Element selector:
p:nth-child(2) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="https://www.snu.edu/snu-life/safety/" data-type="page" data-id="91923">CAMPUS SECURITY</a>
```
Element selector:
a[data-id="91923"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="https://www.snu.edu/intercultural-learning-engagement/center-for-student-success/disability-services/" data-type="page" data-id="91907">DISABILITY SERVICES</a>
```
Element selector:
a[data-id="91907"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="https://www.snu.edu/housing-residence-life/" data-type="page" data-id="91799">HOUSING</a>
```
Element selector:
a[data-id="91799"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="https://www.snu.edu/snu-careers/" data-type="page" data-id="407">JOBS</a>
```
Element selector:
a[data-id="407"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="https://www.snu.edu/snu-life/commons-conference-services/" data-type="page" data-id="91922">MAIL SERVICES</a>
```
Element selector:
a[data-id="91922"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="http://renew.snu.edu/" rel="nofollow noopener" target="_blank">RENEW COUNSELING CENTER</a>
```
Element selector:
a[href$="renew.snu.edu/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="https://www.snu.edu/snu-life/student-health-center/" data-type="page" data-id="92058">STUDENT HEALTH CENTER</a>
```
Element selector:
a[data-id="92058"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="https://www.snu.edu/snu-life/campus-store/" data-type="page" data-id="92033">UNIVERSITY STORE</a>
```
Element selector:
a[data-id="92033"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691

<p>The NSI Office is located on the main floor of the Webster Commons under the direction of<br><strong>Misty Jaggers</strong><br>Executive Director, Live Last Center for Learning through Service<br><a href="mailto:mjaggers@snu.edu?subject=Contact%20from%20SNU%20Website">mjaggers@snu.edu</a></p>

Element selector:

.wp-block-group__inner-container > p:nth-child(4)

Failing checks (At least one of these should pass)

Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691

```
<strong>Misty Jaggers</strong>
```
Element selector:
.wp-block-group__inner-container > p:nth-child(4) > strong
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="mailto:mjaggers@snu.edu?subject=Contact%20from%20SNU%20Website">mjaggers@snu.edu</a>
```
Element selector:
p:nth-child(4) > a
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node .has-background-dim-80 .wp-image-91691
```
<a href="#"><img src="/wp-content/plugins/gtranslate/flags/svg/en-us.svg" height="24" width="24" alt="en"> English</a>
```
Element selector:
.gt_selected > a[href="#"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background gradient .gt_selected

Page Scan Results: New Student Institute

Known Issues Summary

Known Issues on This Page

<li> elements must be contained in a <ul> or <ol>

Elements must meet minimum color contrast ratio thresholds

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

Page Scan Results:

New Student Institute