Page Scan Results:

Southwest Technology Center -

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

1. <span data-v-2a43b7ef="" class="live-feed-time-and-author"> 2 days ago, Kaden Johnson </span>

   Element selector:

   .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(2) > .live-feed-post-header[data-v-2a43b7ef=""] > .live-feed-time-and-author[data-v-2a43b7ef=""]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(2)

2. <a aria-labelledby="LF-4517082" href="/live-feed#4517082">
   Read More
   </a>

   Element selector:

   a[href$="live-feed#4517082"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(2)

3. <div data-v-2a43b7ef="" tabindex="-1" class="button-action-content"> View Image </div>

   Element selector:

   .view-images[aria-labelledby="LF-4517082"][aria-haspopup="true"] > .button-action-content[data-v-2a43b7ef=""]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(2)

4. <span data-v-2a43b7ef="" class="live-feed-time-and-author"> 3 days ago, Southwest Tech </span>

   Element selector:

   .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(3) > .live-feed-post-header[data-v-2a43b7ef=""] > .live-feed-time-and-author[data-v-2a43b7ef=""]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(3)

5. <a aria-labelledby="LF-4508907" href="/live-feed#4508907">
   Read More
   </a>

   Element selector:

   a[href$="live-feed#4508907"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(3)

6. <div data-v-2a43b7ef="" tabindex="-1" class="button-action-content"> View Images </div>

   Element selector:

   .view-images[aria-labelledby="LF-4508907"][aria-haspopup="true"] > .button-action-content[data-v-2a43b7ef=""]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(3)

7. <span data-v-2a43b7ef="" class="live-feed-time-and-author"> 3 days ago, Samara Raiden </span>

   Element selector:

   .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(4) > .live-feed-post-header[data-v-2a43b7ef=""] > .live-feed-time-and-author[data-v-2a43b7ef=""]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(4)

8. <div data-v-2a43b7ef="" tabindex="-1" class="button-action-content"> View Image </div>

   Element selector:

   button[aria-labelledby="LF-4503328"] > .button-action-content[data-v-2a43b7ef=""]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(4)

9. <span data-v-2a43b7ef="" class="live-feed-time-and-author"> 4 days ago, Janine MacSporran </span>

   Element selector:

   .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(5) > .live-feed-post-header[data-v-2a43b7ef=""] > .live-feed-time-and-author[data-v-2a43b7ef=""]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(5)

10. <a aria-labelledby="LF-4499999" href="/live-feed#4499999">
    Read More
    </a>

    Element selector:

    a[href$="live-feed#4499999"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(5)

11. <div data-v-2a43b7ef="" tabindex="-1" class="button-action-content"> View Images </div>

    Element selector:

    .view-images[aria-labelledby="LF-4499999"][aria-haspopup="true"] > .button-action-content[data-v-2a43b7ef=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(5)

12. <span data-v-2a43b7ef="" class="live-feed-time-and-author"> 4 days ago, Blaine Jumper </span>

    Element selector:

    .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(6) > .live-feed-post-header[data-v-2a43b7ef=""] > .live-feed-time-and-author[data-v-2a43b7ef=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(6)

13. <a aria-labelledby="LF-4493871" href="/live-feed#4493871">
    Read More
    </a>

    Element selector:

    a[href$="live-feed#4493871"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(6)

14. <div data-v-2a43b7ef="" tabindex="-1" class="button-action-content"> View Images </div>

    Element selector:

    .view-images[aria-labelledby="LF-4493871"][aria-haspopup="true"] > .button-action-content[data-v-2a43b7ef=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.25 (foreground color: #727272, background color: #f1f1f1, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 .live-feed-post[data-testid="live-feed-content"][data-v-2a43b7ef=""]:nth-child(6)

15. <h3 data-testid="stats-headline" class="stats-headline light" data-v-67b52522=""> 96% Positive Placement </h3>

    Element selector:

    .stats-info[data-v-67b52522=""]:nth-child(1) > h3
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 #stats-s1

16. <p data-testid="stats-snippet" class="stats-snippet light" data-v-67b52522=""> Ninety-six percent of graduates have joined the military, become employed or have gone on to continue their education. </p>

    Element selector:

    .stats-info[data-v-67b52522=""]:nth-child(1) > .stats-snippet[data-testid="stats-snippet"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #stats-s1

17. <h3 data-testid="stats-headline" class="stats-headline light" data-v-67b52522=""> 12 Full-Time Programs </h3>

    Element selector:

    .stats-info[data-v-67b52522=""]:nth-child(2) > h3
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 #stats-s1

18. <p data-testid="stats-snippet" class="stats-snippet light" data-v-67b52522=""> At Southwest Tech there are twelve full-time programs to choose from. </p>

    Element selector:

    .stats-info[data-v-67b52522=""]:nth-child(2) > .stats-snippet[data-testid="stats-snippet"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #stats-s1

19. <div data-v-01404a58="" class="events-v3__events__event__date events-date light"> Sep 22 </div>

    Element selector:

    .events-v3__events__event.grow[data-testid="events-content"]:nth-child(1) > .events-v3__events__event__date.events-date[data-v-01404a58=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(1)

20. <a data-v-01404a58="" href="/events?id=18880946" class="events-v3__events__event__title"> NHS OUT <span data-v-01404a58="" class="sr-only">Sep 22 </span></a>

    Element selector:

    a[href="/events?id=18880946"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(1)

21. <div data-v-01404a58="" class="events-v3__events__event__time"> All Day <!----></div>

    Element selector:

    .events-v3__events__event.grow[data-testid="events-content"]:nth-child(1) > .events-v3__events__event__time[data-v-01404a58=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(1)

22. <div data-v-01404a58="" class="events-v3__events__event__date events-date light"> Oct 6 </div>

    Element selector:

    .events-v3__events__event.grow[data-testid="events-content"]:nth-child(2) > .events-v3__events__event__date.events-date[data-v-01404a58=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(2)

23. <a data-v-01404a58="" href="/events?id=21772777" class="events-v3__events__event__title"> 1ST 9 WEEKS GRADES DUE <span data-v-01404a58="" class="sr-only">Oct 6 </span></a>

    Element selector:

    a[href="/events?id=21772777"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(2)

24. <div data-v-01404a58="" class="events-v3__events__event__time"> 3:00 PM — 4:00 PM <!----></div>

    Element selector:

    .events-v3__events__event.grow[data-testid="events-content"]:nth-child(2) > .events-v3__events__event__time[data-v-01404a58=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(2)

25. <div data-v-01404a58="" class="events-v3__events__event__date events-date light"> Oct 10 </div>

    Element selector:

    .events-v3__events__event.grow[data-testid="events-content"]:nth-child(3) > .events-v3__events__event__date.events-date[data-v-01404a58=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(3)

26. <a data-v-01404a58="" href="/events?id=18874575" class="events-v3__events__event__title"> BHS OUT - PT Conference <span data-v-01404a58="" class="sr-only">Oct 10 </span></a>

    Element selector:

    a[href="/events?id=18874575"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(3)

27. <div data-v-01404a58="" class="events-v3__events__event__time"> All Day <!----></div>

    Element selector:

    .events-v3__events__event.grow[data-testid="events-content"]:nth-child(3) > .events-v3__events__event__time[data-v-01404a58=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(3)

28. <div data-v-01404a58="" class="events-v3__events__event__date events-date light"> Oct 11 — Oct 13 </div>

    Element selector:

    .events-v3__events__event.grow[data-testid="events-content"]:nth-child(4) > .events-v3__events__event__date.events-date[data-v-01404a58=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(4)

29. <a data-v-01404a58="" href="/events?id=18874576" class="events-v3__events__event__title"> BHS, OEHS OUT - FALL BREAK <span data-v-01404a58="" class="sr-only">Oct 11 — Oct 13 </span></a>

    Element selector:

    a[href="/events?id=18874576"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(4)

30. <div data-v-01404a58="" class="events-v3__events__event__time"> All Day <!----></div>

    Element selector:

    .events-v3__events__event.grow[data-testid="events-content"]:nth-child(4) > .events-v3__events__event__time[data-v-01404a58=""]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.21 (foreground color: #ffffff, background color: #51875e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .events-v3__events__event.grow[data-testid="events-content"]:nth-child(4)

Ensures all ARIA attributes have valid values. Axe Reference

1. <button aria-current="active" class="square button-action active" style="background-color:#51875E;" data-v-c3139a7e=""><div tabindex="-1" class="button-action-content" data-v-c3139a7e=""><span class="sr-only" data-v-c3139a7e="">Image 1 (current)</span></div></button>

   Element selector:

   .active
   Failing checks (All of these should pass)

   • ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="active"

2. <button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-c3139a7e=""><div tabindex="-1" class="button-action-content" data-v-c3139a7e=""><span class="sr-only" data-v-c3139a7e="">Image 2</span></div></button>

   Element selector:

   div[data-v-c3139a7e=""]:nth-child(2) > .square[aria-current="inactive"]
   Failing checks (All of these should pass)

   • ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"

3. <button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-c3139a7e=""><div tabindex="-1" class="button-action-content" data-v-c3139a7e=""><span class="sr-only" data-v-c3139a7e="">Image 3</span></div></button>

   Element selector:

   div[data-v-c3139a7e=""]:nth-child(3) > .square[aria-current="inactive"]
   Failing checks (All of these should pass)

   • ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"

4. <button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-c3139a7e=""><div tabindex="-1" class="button-action-content" data-v-c3139a7e=""><span class="sr-only" data-v-c3139a7e="">Image 4</span></div></button>

   Element selector:

   div[data-v-c3139a7e=""]:nth-child(4) > .square[aria-current="inactive"]
   Failing checks (All of these should pass)

   • ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"

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

1. <span class="menu-field" data-v-039167a5="" data-v-0350b138=""> Menu </span>

   Element selector:

   .explore-menu-container > .menu[aria-haspopup=""][aria-controls="mainmenu"] > .button-action-content[data-v-039167a5=""] > .menu-field[data-v-039167a5=""][data-v-0350b138=""]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .header-container

2. <span class="menu-field" data-v-039167a5="" data-v-0350b138=""> Translate </span>

   Element selector:

   .language-menu-icon > .menu-field[data-v-039167a5=""][data-v-0350b138=""]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .header-container

Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference

1. <button id="languagebutton" aria-haspopup="true" aria-controls="languagebutton" aria-expanded="false" aria-label="Select Translation Language" class="menu button-action languages light" data-v-039167a5="" data-v-0350b138="">

   Element selector:

   div[data-v-0350b138=""]:nth-child(2) > .languages[aria-controls="languagebutton"][aria-label="Select Translation Language"]
   Failing checks (At least one of these should pass)

   • Document has multiple elements referenced with ARIA with the same id attribute: languagebutton .language-icon > .languages[aria-controls="languagebutton"][aria-label="Select Translation Language"]