Page Scan Results:

Your Future Starts Here

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

1. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 37.36%;">

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(2)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(2) > a

2. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 74.73%;">

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(3)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(3) > a

3. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 112.09%;">

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(4)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(4) > a

4. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 149.46%;">

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(5)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(5) > a

5. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 186.82%;">

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(6)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(6) > a

6. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 224.18%;">

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(7)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(7) > a

7. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 261.55%;">

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(8)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(8) > a

8. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 298.91%;">

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(9)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(9) > a

9. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 336.28%;">

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(10)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(10) > a

10. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 37.36%;">

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(2)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(2) > a

11. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 74.73%;">

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(3)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(3) > a

12. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 112.09%;">

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(4)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(4) > a

13. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 149.46%;">

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(5)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(5) > a

14. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 186.82%;">

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(6)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(6) > a

15. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 224.18%;">

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(7)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(7) > a

16. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 261.55%;">

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(8)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(8) > a

17. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 298.91%;">

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(9)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(9) > a

18. <article class="c-slide" aria-hidden="true" style="position: absolute; left: 336.28%;">

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(10)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(10) > a

19. <section class="c-success-story md:tw-p-0 lg:tw-px-3" aria-hidden="true" style="position: absolute; left: 106.52%;">

    Element selector:

    .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(2)
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(2) > .c-success-story__content.tw-px-1\.5.tw-pb-2 > .tw-text-right.tw-text-sm:nth-child(4) > .c-link-arrow.tw-text-white

Ensures links have discernible text. Axe Reference

1. <a href="https://www.se.edu/strategicplan/">

   Element selector:

   .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(1) > figure > a
   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="https://www.se.edu/campus-master-plan/">

   Element selector:

   .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(2) > figure > a
   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

3. <a href="https://www.se.edu/current-campus-construction-projects/">

   Element selector:

   .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:nth-child(3) > figure > a
   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

4. <a class="ethics" href="https://secure.ethicspoint.com/domain/media/en/gui/30756/index.html"><img src="https://www.se.edu/wp-content/uploads/2019/09/eplogohome.png"></a>

   Element selector:

   .ethics
   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. <span style="color: #fad107; font-family: 'Avenir Black', sans-serif; font-size: 2rem;">Choose Your Path</span>

   Element selector:

   code > span
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.48 (foreground color: #fad107, background color: #ffffff, font size: 24.0pt (32px), font weight: normal). Expected contrast ratio of 3:1

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <img src="https://www.se.edu/wp-content/uploads/2019/09/eplogohome.png">

   Element selector:

   .ethics > 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. <h1 class="m-hero-home__headline c-h-xl tw-text-white tw-mb-1">Your Future <span>Starts Here</span></h1>

   Element selector:

   .m-hero-home__headline
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .m-hero-home

2. <span>Starts Here</span>

   Element selector:

   .m-hero-home__headline > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .m-hero-home

3. <h1 class="c-h-lg tw-mb-3">Find your future close to home</h1>

   Element selector:

   .c-map-background > h1
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .c-map-background

4. <p class="c-text-intro tw-leading-tight tw-font-bold tw-mb-1">Southeastern Oklahoma State University's main campus in Durant is centrally located between Oklahoma City and Dallas, Texas. </p>

   Element selector:

   .c-text-intro
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .c-map-background

5. <p>Your future is in reach – from across southern and central Oklahoma and into north Texas – each of Southeastern’s satellite locations share the same commitment to excellence.</p>

   Element selector:

   .c-map-background > .c-wysiwyg > p:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .c-map-background

6. <a class="c-link-arrow c-link-arrow--with-image" href="https://www.se.edu/about/locations">Our Locations</a>

   Element selector:

   p:nth-child(2) > .c-link-arrow--with-image.c-link-arrow
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .c-map-background

7. <span class="c-link tw-text-white">Southeastern SGA to host voter registration drive on Constitution Day</span>

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > .is-selected > a > h6 > .c-link.tw-text-white
   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 class="c-link-bold c-link-bold--yellow">
   Read More </span>

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > .is-selected > a > .tw-text-sm > .c-link-bold.c-link-bold--yellow
   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 class="c-link tw-text-white">Southeastern hosts over 500 local students for program’s largest Band Day</span>

   Element selector:

   div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(2) > a > h6 > .c-link.tw-text-white
   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 class="c-link-bold c-link-bold--yellow">
    Read More </span>

    Element selector:

    div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(2) > a > .tw-text-sm > .c-link-bold.c-link-bold--yellow
    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 class="c-link tw-text-white">SE sophomore Chelsea Maxwell experiences Brazil as Critical Language Scholarship recipient</span>

    Element selector:

    div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(3) > a > h6 > .c-link.tw-text-white
    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. <span class="c-link-bold c-link-bold--yellow">
    Read More </span>

    Element selector:

    div[data-carousel-id="news-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(3) > a > .tw-text-sm > .c-link-bold.c-link-bold--yellow
    Failing checks (At least one of these should pass)

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

13. <p class="tw-font-headline tw-mb-half tw-text-sm tw-text-yellow">September 18, 2023, 11 am-2 pm</p>

    Element selector:

    .is-selected > a > .tw-font-headline.tw-mb-half.tw-text-yellow
    Failing checks (At least one of these should pass)

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

14. <span class="c-link tw-text-white">Constitution Day: SGA Voter Registration Drive</span>

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > .is-selected > a > h6 > .c-link.tw-text-white
    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="c-link-bold c-link-bold--yellow">
    Read More </span>

    Element selector:

    .is-selected > a > .tw-text-sm:nth-child(4) > .c-link-bold.c-link-bold--yellow
    Failing checks (At least one of these should pass)

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

16. <p class="tw-font-headline tw-mb-half tw-text-sm tw-text-yellow">September 18, 2023, 10 am</p>

    Element selector:

    article:nth-child(2) > a > .tw-font-headline.tw-mb-half.tw-text-yellow
    Failing checks (At least one of these should pass)

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

17. <span class="c-link tw-text-white">ESports – OKSE Southeastern Regional Smash Bros. Tournament</span>

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(2) > a > h6 > .c-link.tw-text-white
    Failing checks (At least one of these should pass)

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

18. <span class="c-link-bold c-link-bold--yellow">
    Read More </span>

    Element selector:

    article:nth-child(2) > a > .tw-text-sm:nth-child(4) > .c-link-bold.c-link-bold--yellow
    Failing checks (At least one of these should pass)

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

19. <p class="tw-font-headline tw-mb-half tw-text-sm tw-text-yellow">September 18, 2023, 11 am-2 pm</p>

    Element selector:

    article:nth-child(3) > a > .tw-font-headline.tw-mb-half.tw-text-yellow
    Failing checks (At least one of these should pass)

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

20. <span class="c-link tw-text-white">Lunch on the Front Lawn</span>

    Element selector:

    div[data-carousel-id="event-carousel"] > .flickity-viewport > .flickity-slider > article:nth-child(3) > a > h6 > .c-link.tw-text-white
    Failing checks (At least one of these should pass)

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

21. <span class="c-link-bold c-link-bold--yellow">
    Read More </span>

    Element selector:

    article:nth-child(3) > a > .tw-text-sm:nth-child(4) > .c-link-bold.c-link-bold--yellow
    Failing checks (At least one of these should pass)

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

22. <h6 class="c-success-story__content__headline c-h-lg tw-text-white tw-leading-none">My SE Story</h6>

    Element selector:

    .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__content.tw-px-1\.5.tw-pb-2 > .c-success-story__content__headline.tw-leading-none.c-h-lg
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because element contains an image node .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__image > img[alt=" Moment Image"]

23. <p class="tw-text-white tw-text-base tw-font-bold tw-leading-tight md:tw-text-sm lg:tw-text-copy">
    "Southeastern is not just somewhere I went for 4 years but how Southeastern is now a part of who I am. The memories I’ve made here are unmatched, unique, and … </p>

    Element selector:

    .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__content.tw-px-1\.5.tw-pb-2 > .md\:tw-text-sm.lg\:tw-text-copy.tw-font-bold
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because element contains an image node .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__image > img[alt=" Moment Image"]

24. <p class="c-success-story__content__name tw-text-white tw-text-right tw-leading-tight tw-font-headline tw-text-sm">
    Madison Hunt <span class="tw-block tw-font-avenir tw-text-base">
    Chemistry ’23 </span>
    </p>

    Element selector:

    .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__content.tw-px-1\.5.tw-pb-2 > .c-success-story__content__name.tw-text-right.tw-leading-tight
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because element contains an image node .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__image > img[alt=" Moment Image"]

25. <span class="tw-block tw-font-avenir tw-text-base">
    Chemistry ’23 </span>

    Element selector:

    .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__content.tw-px-1\.5.tw-pb-2 > .c-success-story__content__name.tw-text-right.tw-leading-tight > .tw-font-avenir.tw-block.tw-text-base
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because element contains an image node .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__image > img[alt=" Moment Image"]

26. <a href="https://www.se.edu/southeastern-moments/" class="c-link-arrow tw-text-white">
    All Success Stories <svg class="c-icon tw-ml-half" pointer-events="none">
    <title>All Success Stories</title>
    <use xlink:href="#arrow-circle-right"></use>
    </svg> </a>

    Element selector:

    .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__content.tw-px-1\.5.tw-pb-2 > .tw-text-right.tw-text-sm:nth-child(4) > .c-link-arrow.tw-text-white
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because element contains an image node .c-success-story.md\:tw-p-0.lg\:tw-px-3:nth-child(1) > .c-success-story__image > img[alt=" Moment Image"]