Page Scan Results:

SNU Life

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

1. <img src="https://www.snu.edu/wp-content/uploads/2022/02/unsplash_vZYCWV-vNZg.png">

   Element selector:

   .img-wrap > 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"

2. <img class="header-banner" src="https://www.snu.edu/wp-content/uploads/2022/02/unsplash_FpTiS4Nmcmg-1.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"

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. <li class="item-current item">SNU Life</li>

   Element selector:

   .item-current
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element .left

2. <h3>So what is life really like as a traditional student at SNU?</h3>

   Element selector:

   .header-copy > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element .left

3. <p>

   Element selector:

   .header-copy > p:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element .left

4. <p>Since the needs, interests, challenges, and concerns of college students are so varied, SNU provides numerous on-campus services to assist our students. Take a look.</p>

   Element selector:

   .header-copy > p:nth-child(3)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element .left

5. <p>

   Element selector:

   .header-copy > p:nth-child(4)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element .left

6. <strong>If you have questions feel free to call us at <a href="tel:4054916336">405.491.6336</a> or email <a href="mailto:studentlife@snu.edu">studentlife@snu.edu</a></strong>

   Element selector:

   p:nth-child(4) > strong
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements

7. <a href="mailto:studentlife@snu.edu">studentlife@snu.edu</a>

   Element selector:

   a[href="mailto:studentlife@snu.edu"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element .left

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