Page Scan Results:

Spiritual Life

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/02/unsplash_Q_Sei-TqSlc-2.png">

   Element selector:

   .header-banner:nth-child(1)
   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 footer-banner" src="https://www.snu.edu/wp-content/uploads/2022/02/unsplash_FpTiS4Nmcmg-2.png">

   Element selector:

   .footer-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"

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

   Element selector:

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

   Element selector:

   .event: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/02/unsplash_rTwhmFSoXC8.png">

   Element selector:

   .event: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"

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

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

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