Page Scan Results:

Undergraduate Admissions

Ensures <li> elements are used semantically. Axe Reference

1. <li>The ACT request code for SNU is 3384.</li>

   Element selector:

   .b40-list-block:nth-child(7) > 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

2. <li>The SAT request code for SNU is 6036.<br><br>*Test scores are not required for admission but may be required for highest scholarship opportunities.</li>

   Element selector:

   .b40-list-block:nth-child(7) > 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

3. <li>A 6-semester High School transcript is required for acceptance.</li>

   Element selector:

   .b40-list-block:nth-child(10) > 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

4. <li>A final High School transcript is required for enrollment.</li>

   Element selector:

   .b40-list-block:nth-child(10) > 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

5. <li>For students entering fall semesters (August start dates), deposits are refundable until May 1st.</li>

   Element selector:

   .b40-list-block:nth-child(13) > 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

6. <li>For students entering spring semesters (January start dates), deposits are refundable until December 1st.</li>

   Element selector:

   .b40-list-block:nth-child(13) > 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

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

1. <img class="header-banner" src="https://www.snu.edu/wp-content/uploads/2022/09/Banner-for-Paycom-size-2.png">

   Element selector:

   .header-banner
   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"

2. <img src="https://www.snu.edu/wp-content/uploads/2022/02/Vector-7.png">

   Element selector:

   .icon-block:nth-child(1) > .title-row > img
   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"

3. <img src="https://www.snu.edu/wp-content/uploads/2022/02/Vector-8.png">

   Element selector:

   .icon-block:nth-child(2) > .title-row > img
   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"

4. <img src="https://www.snu.edu/wp-content/uploads/2022/02/Vector-9.png">

   Element selector:

   .icon-block:nth-child(3) > .title-row > img
   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"

Ensures that lists are structured correctly. Axe Reference

1. <ul><div class="b40-list-block">
   <li>The ACT request code for SNU is 3384.</li>
   </div>
   
   <div class="b40-list-block">
   <li>The SAT request code for SNU is 6036.<br><br>*Test scores are not required for admission but may be required for highest scholarship opportunities.</li>
   </div></ul>

   Element selector:

   .b40-list-block:nth-child(7) > ul
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: div .b40-list-block:nth-child(7) > ul > .b40-list-block:nth-child(1) .b40-list-block:nth-child(7) > ul > .b40-list-block:nth-child(2)

2. <ul><div class="b40-list-block">
   <li>A 6-semester High School transcript is required for acceptance.</li>
   </div>
   
   <div class="b40-list-block">
   <li>A final High School transcript is required for enrollment.</li>
   </div></ul>

   Element selector:

   .b40-list-block:nth-child(10) > ul
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: div .b40-list-block:nth-child(10) > ul > .b40-list-block:nth-child(1) .b40-list-block:nth-child(10) > ul > .b40-list-block:nth-child(2)

3. <ul>

   Element selector:

   .b40-list-block:nth-child(13) > ul
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: div .b40-list-block:nth-child(13) > ul > .b40-list-block:nth-child(1) .b40-list-block:nth-child(13) > ul > .b40-list-block:nth-child(2)

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

1. <li class="item-current item">Undergraduate Admissions</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

Ensures links have discernible text. Axe Reference

1. <a href="https://www.snu.edu"></a>

   Element selector:

   .item:nth-child(1) > a[href$="www.snu.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

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

1. <h2 class="white">Campus Visit</h2>

   Element selector:

   .visit-inner > .white:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .overlay

2. <div class="text white">

   Element selector:

   .visit-inner > .white.text
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .overlay

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