Page Scan Results:

NEWS

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

1. <span class="news-day">23</span>

   Element selector:

   time[datetime="2023-08-23"][content="2023-08-23"][itemprop="datePublished"] > .news-day
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2023-08-23"][content="2023-08-23"][itemprop="datePublished"]

2. <span class="news-month">Aug</span>

   Element selector:

   time[datetime="2023-08-23"][content="2023-08-23"][itemprop="datePublished"] > .news-month
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2023-08-23"][content="2023-08-23"][itemprop="datePublished"]

3. <span class="news-day">17</span>

   Element selector:

   .news-list-page-entry:nth-child(2) > .news-list-page-entry-date > strong > time[datetime="2023-08-17"][content="2023-08-17"][itemprop="datePublished"] > .news-day
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(2) > .news-list-page-entry-date > strong > time[datetime="2023-08-17"][content="2023-08-17"][itemprop="datePublished"]

4. <span class="news-month">Aug</span>

   Element selector:

   .news-list-page-entry:nth-child(2) > .news-list-page-entry-date > strong > time[datetime="2023-08-17"][content="2023-08-17"][itemprop="datePublished"] > .news-month
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(2) > .news-list-page-entry-date > strong > time[datetime="2023-08-17"][content="2023-08-17"][itemprop="datePublished"]

5. <span class="news-day">17</span>

   Element selector:

   .news-list-page-entry:nth-child(3) > .news-list-page-entry-date > strong > time[datetime="2023-08-17"][content="2023-08-17"][itemprop="datePublished"] > .news-day
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(3) > .news-list-page-entry-date > strong > time[datetime="2023-08-17"][content="2023-08-17"][itemprop="datePublished"]

6. <span class="news-month">Aug</span>

   Element selector:

   .news-list-page-entry:nth-child(3) > .news-list-page-entry-date > strong > time[datetime="2023-08-17"][content="2023-08-17"][itemprop="datePublished"] > .news-month
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(3) > .news-list-page-entry-date > strong > time[datetime="2023-08-17"][content="2023-08-17"][itemprop="datePublished"]

7. <span class="news-day">20</span>

   Element selector:

   time[datetime="2022-01-20"] > .news-day
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2022-01-20"]

8. <span class="news-month">Jan</span>

   Element selector:

   time[datetime="2022-01-20"] > .news-month
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2022-01-20"]

9. <span class="news-day">22</span>

   Element selector:

   .news-list-page-entry:nth-child(5) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"] > .news-day
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(5) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"]

10. <span class="news-month">Dec</span>

    Element selector:

    .news-list-page-entry:nth-child(5) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"] > .news-month
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(5) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"]

11. <span class="news-day">22</span>

    Element selector:

    .news-list-page-entry:nth-child(6) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"] > .news-day
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(6) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"]

12. <span class="news-month">Dec</span>

    Element selector:

    .news-list-page-entry:nth-child(6) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"] > .news-month
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(6) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"]

13. <span class="news-day">22</span>

    Element selector:

    .news-list-page-entry:nth-child(7) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"] > .news-day
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(7) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"]

14. <span class="news-month">Dec</span>

    Element selector:

    .news-list-page-entry:nth-child(7) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"] > .news-month
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 .news-list-page-entry:nth-child(7) > .news-list-page-entry-date > strong > time[datetime="2021-12-22"][content="2021-12-22"][itemprop="datePublished"]

15. <span class="news-day">21</span>

    Element selector:

    time[datetime="2021-09-21"] > .news-day
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-09-21"]

16. <span class="news-month">Sep</span>

    Element selector:

    time[datetime="2021-09-21"] > .news-month
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-09-21"]

17. <span class="news-day">15</span>

    Element selector:

    time[datetime="2021-09-15"] > .news-day
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-09-15"]

18. <span class="news-month">Sep</span>

    Element selector:

    time[datetime="2021-09-15"] > .news-month
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-09-15"]

19. <span class="news-day">31</span>

    Element selector:

    time[datetime="2021-08-31"] > .news-day
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-08-31"]

20. <span class="news-month">Aug</span>

    Element selector:

    time[datetime="2021-08-31"] > .news-month
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-08-31"]

21. <span class="news-day">28</span>

    Element selector:

    time[datetime="2021-06-28"] > .news-day
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-06-28"]

22. <span class="news-month">Jun</span>

    Element selector:

    time[datetime="2021-06-28"] > .news-month
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-06-28"]

23. <span class="news-day">03</span>

    Element selector:

    time[datetime="2021-06-03"] > .news-day
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-06-03"]

24. <span class="news-month">Jun</span>

    Element selector:

    time[datetime="2021-06-03"] > .news-month
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.84 (foreground color: #767676, background color: #ececec, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 time[datetime="2021-06-03"]

25. <span>← Previous</span>

    Element selector:

    .prev > span
    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: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1 .prev > span

Ensures buttons have discernible text. Axe Reference

1. <button class="menu-icon hamburger hamburger--spring" type="button">
   
   <span class="hamburger-box">
   <span class="hamburger-inner"></span>
   </span>
   </button>

   Element selector:

   button
   Failing checks (At least one of these should pass)

   • Element does not have inner 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
   • Element's default semantics were not overridden with role="none" or role="presentation"

Ensures all ARIA attributes have valid values. Axe Reference

1. <div class="main-content-side" role="navigation" aria-labelledby="section_nav" tabindex="-1" id="ui-skip-100">

   Element selector:

   #ui-skip-100
   Failing checks (All of these should pass)

   • ARIA attribute element ID does not exist on the page: aria-labelledby="section_nav"

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

1. <a title="View the home page" href="/">Southwestern Christian University</a>

   Element selector:

   a[title="View the home page"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image a[title="View the home page"]