Page Scan Results:

2023 Emergency Medical Science Graduates

Ensures [role="img"] elements have alternate text. Axe Reference

1. <div class="swiper-slide-bg" role="img"></div>

   Element selector:

   .elementor-element-6e3b1f7 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .elementor-repeater-item-33f5013.swiper-slide-duplicate-active[data-swiper-slide-index="0"]:nth-child(1) > .swiper-slide-bg[role="img"]
   Failing checks (At least one of these should pass)

   • 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

2. <div class="swiper-slide-bg" role="img"></div>

   Element selector:

   .elementor-element-6e3b1f7 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .swiper-slide-duplicate-next.elementor-repeater-item-5932259[data-swiper-slide-index="1"]:nth-child(2) > .swiper-slide-bg[role="img"]
   Failing checks (At least one of these should pass)

   • 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

3. <div class="swiper-slide-bg" role="img"></div>

   Element selector:

   .elementor-element-6e3b1f7 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .elementor-repeater-item-1f8c7e1.swiper-slide-duplicate[data-swiper-slide-index="2"]:nth-child(3) > .swiper-slide-bg[role="img"]
   Failing checks (At least one of these should pass)

   • 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

4. <div class="swiper-slide-bg" role="img"></div>

   Element selector:

   .elementor-repeater-item-02236fa.swiper-slide-duplicate[data-swiper-slide-index="3"]:nth-child(4) > .swiper-slide-bg[role="img"]
   Failing checks (At least one of these should pass)

   • 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

5. <div class="swiper-slide-bg" role="img"></div>

   Element selector:

   .elementor-repeater-item-f6997fa.swiper-slide-duplicate[data-swiper-slide-index="4"]:nth-child(5) > .swiper-slide-bg[role="img"]
   Failing checks (At least one of these should pass)

   • 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

6. <div class="swiper-slide-bg" role="img"></div>

   Element selector:

   .elementor-repeater-item-4051cd2.swiper-slide-prev[data-swiper-slide-index="5"] > .swiper-slide-bg[role="img"]
   Failing checks (At least one of these should pass)

   • 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

7. <div class="swiper-slide-bg elementor-ken-burns--active" role="img"></div>

   Element selector:

   .elementor-element-6e3b1f7 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .swiper-slide-active.elementor-repeater-item-33f5013[data-swiper-slide-index="0"] > .elementor-ken-burns--active.swiper-slide-bg[role="img"]
   Failing checks (At least one of these should pass)

   • 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

8. <div class="swiper-slide-bg" role="img"></div>

   Element selector:

   .elementor-element-6e3b1f7 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .swiper-slide-next.elementor-repeater-item-5932259[data-swiper-slide-index="1"] > .swiper-slide-bg[role="img"]
   Failing checks (At least one of these should pass)

   • 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

9. <div class="swiper-slide-bg" role="img"></div>

   Element selector:

   .elementor-repeater-item-1f8c7e1.swiper-slide[data-swiper-slide-index="2"]:nth-child(9) > .swiper-slide-bg[role="img"]
   Failing checks (At least one of these should pass)

   • 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

10. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-02236fa.swiper-slide[data-swiper-slide-index="3"]:nth-child(10) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

11. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-f6997fa.swiper-slide[data-swiper-slide-index="4"]:nth-child(11) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

12. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-4051cd2.swiper-slide-duplicate-prev[data-swiper-slide-index="5"] > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

13. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-33f5013.swiper-slide-duplicate-active[data-swiper-slide-index="0"]:nth-child(13) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

14. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .swiper-slide-duplicate-next.elementor-repeater-item-5932259[data-swiper-slide-index="1"]:nth-child(14) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

15. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-1f8c7e1.swiper-slide-duplicate[data-swiper-slide-index="2"]:nth-child(15) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

16. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-02236fa.swiper-slide-duplicate[data-swiper-slide-index="3"]:nth-child(16) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

17. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-f6997fa.swiper-slide-duplicate[data-swiper-slide-index="4"]:nth-child(17) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

18. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-4051cd2.swiper-slide-duplicate[data-swiper-slide-index="5"]:nth-child(18) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

19. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-element-659b1c9 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .elementor-repeater-item-33f5013.swiper-slide-duplicate-active[data-swiper-slide-index="0"]:nth-child(1) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

20. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-element-659b1c9 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .swiper-slide-duplicate-next.elementor-repeater-item-5932259[data-swiper-slide-index="1"]:nth-child(2) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

21. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-element-659b1c9 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .elementor-repeater-item-1f8c7e1.swiper-slide-duplicate[data-swiper-slide-index="2"]:nth-child(3) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

22. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-879e76c.swiper-slide-duplicate[data-swiper-slide-index="3"]:nth-child(4) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

23. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-5717ae1.swiper-slide-duplicate[data-swiper-slide-index="4"]:nth-child(5) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

24. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-638cc29.swiper-slide-duplicate[data-swiper-slide-index="5"]:nth-child(6) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

25. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-cea3479.swiper-slide-prev[data-swiper-slide-index="6"] > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

26. <div class="swiper-slide-bg elementor-ken-burns--active" role="img"></div>

    Element selector:

    .elementor-element-659b1c9 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .swiper-slide-active.elementor-repeater-item-33f5013[data-swiper-slide-index="0"] > .elementor-ken-burns--active.swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

27. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-element-659b1c9 > .elementor-widget-container > .elementor-swiper > .elementor-slides-wrapper.elementor-main-swiper[data-animation="fadeInUp"] > .elementor-slides.swiper-wrapper > .swiper-slide-next.elementor-repeater-item-5932259[data-swiper-slide-index="1"] > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

28. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-1f8c7e1.swiper-slide[data-swiper-slide-index="2"]:nth-child(10) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

29. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-879e76c.swiper-slide[data-swiper-slide-index="3"]:nth-child(11) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

30. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-5717ae1.swiper-slide[data-swiper-slide-index="4"]:nth-child(12) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

31. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-638cc29.swiper-slide[data-swiper-slide-index="5"]:nth-child(13) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

32. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-cea3479.swiper-slide-duplicate-prev[data-swiper-slide-index="6"] > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

33. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-33f5013.swiper-slide-duplicate-active[data-swiper-slide-index="0"]:nth-child(15) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

34. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .swiper-slide-duplicate-next.elementor-repeater-item-5932259[data-swiper-slide-index="1"]:nth-child(16) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

35. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-1f8c7e1.swiper-slide-duplicate[data-swiper-slide-index="2"]:nth-child(17) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

36. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-879e76c.swiper-slide-duplicate[data-swiper-slide-index="3"]:nth-child(18) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

37. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-5717ae1.swiper-slide-duplicate[data-swiper-slide-index="4"]:nth-child(19) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

38. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-638cc29.swiper-slide-duplicate[data-swiper-slide-index="5"]:nth-child(20) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

39. <div class="swiper-slide-bg" role="img"></div>

    Element selector:

    .elementor-repeater-item-cea3479.swiper-slide-duplicate[data-swiper-slide-index="6"]:nth-child(21) > .swiper-slide-bg[role="img"]
    Failing checks (At least one of these should pass)

    • 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

Ensures aria-hidden elements are not focusable nor contain focusable elements. Axe Reference

1. <a href="#occc-campus-highlights" aria-hidden="true" class="aal_anchor" id="occc-campus-highlights">

   Element selector:

   #occc-campus-highlights
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #occc-campus-highlights

2. <a href="#this-is-your-place-to-stay-up-to-date-on-the-latest-campus-news-and-highlights" aria-hidden="true" class="aal_anchor" id="this-is-your-place-to-stay-up-to-date-on-the-latest-campus-news-and-highlights">

   Element selector:

   #this-is-your-place-to-stay-up-to-date-on-the-latest-campus-news-and-highlights
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #this-is-your-place-to-stay-up-to-date-on-the-latest-campus-news-and-highlights

3. <a href="#we-invite-you-to-take-a-moment-to-explore-the-most-recent-occc-events" aria-hidden="true" class="aal_anchor" id="we-invite-you-to-take-a-moment-to-explore-the-most-recent-occc-events">

   Element selector:

   #we-invite-you-to-take-a-moment-to-explore-the-most-recent-occc-events
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #we-invite-you-to-take-a-moment-to-explore-the-most-recent-occc-events

4. <a href="#and-we-ask-you-to-come-back-for-future-updates" aria-hidden="true" class="aal_anchor" id="and-we-ask-you-to-come-back-for-future-updates">

   Element selector:

   #and-we-ask-you-to-come-back-for-future-updates
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #and-we-ask-you-to-come-back-for-future-updates

5. <a href="#sincerely-occc-staff" aria-hidden="true" class="aal_anchor" id="sincerely-occc-staff">

   Element selector:

   #sincerely-occc-staff
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #sincerely-occc-staff

6. <a href="#may-2023" aria-hidden="true" class="aal_anchor" id="may-2023">

   Element selector:

   #may-2023
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #may-2023

7. <a href="#april-2023" aria-hidden="true" class="aal_anchor" id="april-2023">

   Element selector:

   #april-2023
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #april-2023

8. <a href="#special-ceremony" aria-hidden="true" class="aal_anchor" id="special-ceremony">

   Element selector:

   #special-ceremony
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #special-ceremony

9. <a href="#job-fair-2023" aria-hidden="true" class="aal_anchor" id="job-fair-2023">

   Element selector:

   #job-fair-2023
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #job-fair-2023

10. <a href="#occc-cookout-2023" aria-hidden="true" class="aal_anchor" id="occc-cookout-2023">

    Element selector:

    #occc-cookout-2023
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #occc-cookout-2023

11. <a href="#acup-awards" aria-hidden="true" class="aal_anchor" id="acup-awards">

    Element selector:

    #acup-awards
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #acup-awards

12. <a href="#march-2023" aria-hidden="true" class="aal_anchor" id="march-2023">

    Element selector:

    #march-2023
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #march-2023

13. <a href="#2023-emergency-medical-science-graduates" aria-hidden="true" class="aal_anchor" id="2023-emergency-medical-science-graduates">

    Element selector:

    #\32 023-emergency-medical-science-graduates
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #\32 023-emergency-medical-science-graduates

14. <a href="#congratulations-to-our-outstanding-graduates-occc-honored-its-2023-emergency-medical-science-graduates-with-a-pinning-ceremony-on-march-1-2023" aria-hidden="true" class="aal_anchor" id="congratulations-to-our-outstanding-graduates-occc-honored-its-2023-emergency-medical-science-graduates-with-a-pinning-ceremony-on-march-1-2023">

    Element selector:

    #congratulations-to-our-outstanding-graduates-occc-honored-its-2023-emergency-medical-science-graduates-with-a-pinning-ceremony-on-march-1-2023
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #congratulations-to-our-outstanding-graduates-occc-honored-its-2023-emergency-medical-science-graduates-with-a-pinning-ceremony-on-march-1-2023

15. <a href="#be-smart-be-safe-be-sober" aria-hidden="true" class="aal_anchor" id="be-smart-be-safe-be-sober">

    Element selector:

    #be-smart-be-safe-be-sober
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #be-smart-be-safe-be-sober

16. <a href="#occc-held-its-sixth-annual-smart-safe-and-sober-on-march-6th-and-march-7th" aria-hidden="true" class="aal_anchor" id="occc-held-its-sixth-annual-smart-safe-and-sober-on-march-6th-and-march-7th">

    Element selector:

    #occc-held-its-sixth-annual-smart-safe-and-sober-on-march-6th-and-march-7th
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #occc-held-its-sixth-annual-smart-safe-and-sober-on-march-6th-and-march-7th

17. <a href="#okc-car-show" aria-hidden="true" class="aal_anchor" id="okc-car-show">

    Element selector:

    #okc-car-show
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #okc-car-show

18. <a href="#occc-foundation-received-a-5000-scholarship-from-oklahoma-automobile-dealers-association-at-the-okc-car-show-that-ran-march-3-5-2023" aria-hidden="true" class="aal_anchor" id="occc-foundation-received-a-5000-scholarship-from-oklahoma-automobile-dealers-association-at-the-okc-car-show-that-ran-march-3-5-2023">

    Element selector:

    #occc-foundation-received-a-5000-scholarship-from-oklahoma-automobile-dealers-association-at-the-okc-car-show-that-ran-march-3-5-2023
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #occc-foundation-received-a-5000-scholarship-from-oklahoma-automobile-dealers-association-at-the-okc-car-show-that-ran-march-3-5-2023

19. <a href="#february-2023" aria-hidden="true" class="aal_anchor" id="february-2023">

    Element selector:

    #february-2023
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #february-2023

20. <a href="#forbes-names-oklahoma-city-community-college-president-a-top-10-black-higher-ed-ceo-to-watch-in-2023" aria-hidden="true" class="aal_anchor" id="forbes-names-oklahoma-city-community-college-president-a-top-10-black-higher-ed-ceo-to-watch-in-2023">

    Element selector:

    #forbes-names-oklahoma-city-community-college-president-a-top-10-black-higher-ed-ceo-to-watch-in-2023
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #forbes-names-oklahoma-city-community-college-president-a-top-10-black-higher-ed-ceo-to-watch-in-2023

21. <a href="#alumni-hall-of-fame-celebration" aria-hidden="true" class="aal_anchor" id="alumni-hall-of-fame-celebration">

    Element selector:

    #alumni-hall-of-fame-celebration
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #alumni-hall-of-fame-celebration

22. <a href="#on-thursday-february-16-occc-honored-4-outstanding-alumni-this-years-inductees-were" aria-hidden="true" class="aal_anchor" id="on-thursday-february-16-occc-honored-4-outstanding-alumni-this-years-inductees-were">

    Element selector:

    #on-thursday-february-16-occc-honored-4-outstanding-alumni-this-years-inductees-were
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #on-thursday-february-16-occc-honored-4-outstanding-alumni-this-years-inductees-were

23. <a href="#dr-paul-schrist-angela-okeefe-jr-webster-and-joey-stipek-not-pictured" aria-hidden="true" class="aal_anchor" id="dr-paul-schrist-angela-okeefe-jr-webster-and-joey-stipek-not-pictured">

    Element selector:

    #dr-paul-schrist-angela-okeefe-jr-webster-and-joey-stipek-not-pictured
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #dr-paul-schrist-angela-okeefe-jr-webster-and-joey-stipek-not-pictured

24. <a href="#higher-education-day" aria-hidden="true" class="aal_anchor" id="higher-education-day">

    Element selector:

    #higher-education-day
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #higher-education-day

25. <a href="#students-visited-state-capitol-to-talk-with-legislators-about-education" aria-hidden="true" class="aal_anchor" id="students-visited-state-capitol-to-talk-with-legislators-about-education">

    Element selector:

    #students-visited-state-capitol-to-talk-with-legislators-about-education
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #students-visited-state-capitol-to-talk-with-legislators-about-education

26. <a href="#what-does-black-history-mean-to-you" aria-hidden="true" class="aal_anchor" id="what-does-black-history-mean-to-you">

    Element selector:

    #what-does-black-history-mean-to-you
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #what-does-black-history-mean-to-you

27. <a href="#an-occc-student-karl-greene-answers" aria-hidden="true" class="aal_anchor" id="an-occc-student-karl-greene-answers">

    Element selector:

    #an-occc-student-karl-greene-answers
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #an-occc-student-karl-greene-answers

28. <a href="#a-personal-thank-you-to-digital-cinema-production" aria-hidden="true" class="aal_anchor" id="a-personal-thank-you-to-digital-cinema-production">

    Element selector:

    #a-personal-thank-you-to-digital-cinema-production
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #a-personal-thank-you-to-digital-cinema-production

29. <a href="#student-xavier-mcgee-shares-his-story" aria-hidden="true" class="aal_anchor" id="student-xavier-mcgee-shares-his-story">

    Element selector:

    #student-xavier-mcgee-shares-his-story
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #student-xavier-mcgee-shares-his-story

Ensure aria-roledescription is only used on elements with an implicit or explicit role. Axe Reference

1. <div class="elementor-element elementor-element-63bb120 elementor-arrows-position-inside exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="63bb120" data-element_type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;arrows&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;speed&quot;:450,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left &amp; Right">

   Element selector:

   .elementor-element-63bb120
   Failing checks (At least one of these should pass)

   • Give the element a role that supports aria-roledescription

2. <div class="elementor-element elementor-element-2cd53a1 elementor-arrows-position-inside exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="2cd53a1" data-element_type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;arrows&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;speed&quot;:450,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left &amp; Right">

   Element selector:

   .elementor-element-2cd53a1
   Failing checks (At least one of these should pass)

   • Give the element a role that supports aria-roledescription

3. <div class="elementor-element elementor-element-78d3524 elementor-arrows-position-inside exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="78d3524" data-element_type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;arrows&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;speed&quot;:450,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left &amp; Right">

   Element selector:

   .elementor-element-78d3524
   Failing checks (At least one of these should pass)

   • Give the element a role that supports aria-roledescription

Ensures links have discernible text. Axe Reference

1. <a href="https://www.occc.edu" class="premium-menu-link premium-menu-link-parent"><i class="dashicons dashicons-admin-home premium-item-icon" style="color:#ffffff"></i>&nbsp;</a>

   Element selector:

   #menu-top-menu > .menu-item-home.menu-item.menu-item-type-custom:nth-child(1) > .premium-menu-link-parent.premium-menu-link[href$="www.occc.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

2. <a href="/">

   Element selector:

   .elementor-sticky--active > .elementor-column-gap-default.elementor-container > .elementor-row > .elementor-element-4f9927d.elementor-col-50[data-id="4f9927d"] > .elementor-element-populated.elementor-column-wrap > .elementor-widget-wrap > .elementor-element-b6b4fcf.elementor-widget-image[data-id="b6b4fcf"] > .elementor-widget-container > .elementor-image > a[href="/"]
   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 <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe style="border: 0px; margin: 0px; padding: 0px; backgroundcolor: transparent;" frameborder="0" height="166" scrolling="no" src="https://cdn.yoshki.com/iframe/54732.html" width="150"><br /></iframe>

   Element selector:

   p > iframe
   Failing checks (At least one of these should pass)

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

Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference

1. <button>

   Element selector:

   .elementor-element-e8d8f14 > .elementor-widget-container > button
   Failing checks (At least one of these should pass)

   • Element has focusable descendants a[title="go to homepage"]

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

1. <a href="https://occc.mrooms3.net/user/policy.php" class="premium-menu-link premium-menu-link-parent">Moodle</a>

   Element selector:

   #menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(4) > .premium-menu-link-parent.premium-menu-link
   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 #menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(4) > .premium-menu-link-parent.premium-menu-link

2. <a href="https://www.occc.edu" class="premium-menu-link premium-menu-link-parent">Email<i class="fas fa-angle-down premium-dropdown-icon"></i></a>

   Element selector:

   #menu-top-menu > .menu-item-has-children.menu-item-home.menu-item > .premium-menu-link-parent.premium-menu-link[href$="www.occc.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 #menu-top-menu > .menu-item-has-children.menu-item-home.menu-item > .premium-menu-link-parent.premium-menu-link[href$="www.occc.edu"]

3. <a href="https://portal.occc.edu/Pages/constituencyredirectionerror.aspx" class="premium-menu-link premium-menu-link-parent">Portal</a>

   Element selector:

   #menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(6) > .premium-menu-link-parent.premium-menu-link
   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 #menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(6) > .premium-menu-link-parent.premium-menu-link

4. <a href="#searchwp-modal-652ea0d21b1427a1bfa685e40d9bc1de" class="premium-menu-link premium-menu-link-parent" data-searchwp-modal-trigger="searchwp-modal-652ea0d21b1427a1bfa685e40d9bc1de"><i class="dashicons dashicons-search premium-item-icon" style="color:#d7d8c0"></i>Search</a>

   Element selector:

   #menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(7) > .premium-menu-link-parent.premium-menu-link
   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 #menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(7) > .premium-menu-link-parent.premium-menu-link

5. <div class="jet-menu-title">Labs/Centers</div>

   Element selector:

   #jet-menu-item-52842 > .top-level-link[href="#"] > .jet-menu-item-wrapper > .jet-menu-title
   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 #top

6. <h2 class="elementor-heading-title elementor-size-default">

   Element selector:

   .elementor-element-9180de9 > .elementor-widget-container > .elementor-heading-title.elementor-size-default
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

7. <span style="font-size: 24pt; color: #ffffff;">This is your place to stay up-to-date on the latest campus news and highlights. </span>

   Element selector:

   h2:nth-child(1) > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

8. <span style="color: #ffffff;">We invite you to take a moment to explore the most recent OCCC events,<span style="font-size: 24pt;"><br></span></span>

   Element selector:

   h2:nth-child(2) > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

9. <span style="font-size: 24pt;">and we ask you to come back for future </span>

   Element selector:

   h2:nth-child(3) > span > span:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

10. <span style="font-size: 24pt;">updates.&nbsp; <br></span>

    Element selector:

    span > span:nth-child(2)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

11. <span style="font-size: 24pt;">Sincerely, OCCC Staff</span>

    Element selector:

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

    • Element's background color could not be determined because it is overlapped by another element

12. <h2 class="elementor-heading-title elementor-size-default">

    Element selector:

    .elementor-element-2e34afa > .elementor-widget-container > .elementor-heading-title.elementor-size-default
    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 .elementor-element-2e34afa > .elementor-widget-container

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

14. <span class="elementor-icon-list-text">TITLE IX</span>

    Element selector:

    .elementor-element-b6a3e10 > .elementor-widget-container > .elementor-icon-list-items > .elementor-icon-list-item:nth-child(4) > a[target="_blank"] > .elementor-icon-list-text
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

15. <span class="elementor-icon-list-text">Notice of Non-Discrimination</span>

    Element selector:

    .elementor-element-a6c4327 > .elementor-widget-container > .elementor-icon-list-items > .elementor-icon-list-item:nth-child(7) > a > .elementor-icon-list-text
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

1. <div class="elementor-element elementor-element-63bb120 elementor-arrows-position-inside exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="63bb120" data-element_type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;arrows&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;speed&quot;:450,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left &amp; Right">

   Element selector:

   .elementor-element-63bb120
   Failing checks (All of these should pass)

   • aria-label attribute is not well supported on a div with no valid role attribute.

2. <div class="elementor-element elementor-element-2cd53a1 elementor-arrows-position-inside exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="2cd53a1" data-element_type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;arrows&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;speed&quot;:450,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left &amp; Right">

   Element selector:

   .elementor-element-2cd53a1
   Failing checks (All of these should pass)

   • aria-label attribute is not well supported on a div with no valid role attribute.

3. <div class="elementor-element elementor-element-78d3524 elementor-arrows-position-inside exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image-carousel e-widget-swiper" data-id="78d3524" data-element_type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;arrows&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;speed&quot;:450,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;}" data-widget_type="image-carousel.default" aria-roledescription="carousel" aria-label="Carousel | Horizontal scrolling: Arrow Left &amp; Right">

   Element selector:

   .elementor-element-78d3524
   Failing checks (All of these should pass)

   • aria-label attribute is not well supported on a div with no valid role attribute.

Ensure aria-roledescription is only used on elements with an implicit or explicit role. Axe Reference

1. <div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" role="group" aria-roledescription="slide" aria-label="43 of 43" data-swiper-slide-index="42" style="width: 328px; transition-duration: 0ms; opacity: 0; transform: translate3d(0px, 0px, 0px);">

   Element selector:

   .swiper-slide-prev[aria-label="43 of 43"][data-swiper-slide-index="42"]
   Failing checks (At least one of these should pass)

   • Check that the aria-roledescription is announced by supported screen readers

2. <div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" role="group" aria-roledescription="slide" aria-label="13 of 13" data-swiper-slide-index="12" style="width: 328px; transition-duration: 0ms; opacity: 0; transform: translate3d(0px, 0px, 0px);">

   Element selector:

   .swiper-slide-prev[aria-label="13 of 13"][data-swiper-slide-index="12"]
   Failing checks (At least one of these should pass)

   • Check that the aria-roledescription is announced by supported screen readers

3. <div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" role="group" aria-roledescription="slide" aria-label="40 of 40" data-swiper-slide-index="39" style="width: 328px; transition-duration: 0ms; opacity: 0; transform: translate3d(0px, 0px, 0px);">

   Element selector:

   .swiper-slide-prev[aria-label="40 of 40"][data-swiper-slide-index="39"]
   Failing checks (At least one of these should pass)

   • Check that the aria-roledescription is announced by supported screen readers