Page Scan Results:

Undergraduate Academic Programs

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/08/academic-header_web3.jpg">

   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/Rectangle-247-3.png">

   Element selector:

   .slick-current > div > .col-xs-3.post > a > .image-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"

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

   Element selector:

   .icon:nth-child(1) > 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/benefits-icons.png">

   Element selector:

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

5. <img src="https://www.snu.edu/wp-content/uploads/2022/03/commencement-icon.png">

   Element selector:

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

6. <img src="https://www.snu.edu/wp-content/uploads/2022/03/group-learnning-icon.png">

   Element selector:

   .icon:nth-child(4) > 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"

7. <img src="https://www.snu.edu/wp-content/uploads/2022/03/education-icon.png">

   Element selector:

   .icon:nth-child(5) > 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"

8. <img src="https://www.snu.edu/wp-content/uploads/2022/03/transfer-icon.png">

   Element selector:

   .icon:nth-child(6) > 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 the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <li class="item-current item">Undergraduate Academic Programs</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>Unique Academic Opportunities</h2>

   Element selector:

   .postlist-outer-wrap > .container > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .postlist-outer-wrap

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