Page Scan Results:

Tulsa Community College

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

1. <article class="home-events-item node node-event view-mode-home_page_small_listing cloned slick-slide slick-cloned" aria-label="slide-2" data-slick-index="-2" aria-hidden="true" style="width: 624px;">

   Element selector:

   article[data-slick-index="-2"]
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM article[data-slick-index="-2"] > .home-events-item__content > .home-events-item__title.item--title > a

2. <article class="home-news-item node node-news view-mode-home_page_small_listing cloned slick-slide slick-cloned" aria-label="slide-3" data-slick-index="-1" aria-hidden="true" style="width: 624px;">

   Element selector:

   article[data-slick-index="-1"]
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM article[data-slick-index="-1"] > .home-news-item__content > .home-news-item__title.item--title > a

3. <article class="home-events-item node node-event view-mode-home_page_small_listing cloned slick-slide" aria-label="slide-2" data-slick-index="1" aria-hidden="true" style="width: 624px;">

   Element selector:

   article[data-slick-index="1"]
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM article[data-slick-index="1"] > .home-events-item__content > .home-events-item__title.item--title > a

4. <article class="home-news-item node node-news view-mode-home_page_small_listing cloned slick-slide" aria-label="slide-3" data-slick-index="2" aria-hidden="true" style="width: 624px;">

   Element selector:

   article[data-slick-index="2"]
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM article[data-slick-index="2"] > .home-news-item__content > .home-news-item__title.item--title > a

5. <article class="home-events-item node node-event view-mode-home_page_small_listing cloned slick-slide slick-cloned slick-center" aria-label="slide-1" data-slick-index="3" aria-hidden="true" style="width: 624px;">

   Element selector:

   article[data-slick-index="3"]
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM article[data-slick-index="3"] > .home-events-item__content > .home-events-item__title.item--title > a

6. <article class="home-events-item node node-event view-mode-home_page_small_listing cloned slick-slide slick-cloned" aria-label="slide-2" data-slick-index="4" aria-hidden="true" style="width: 624px;">

   Element selector:

   article[data-slick-index="4"]
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM article[data-slick-index="4"] > .home-events-item__content > .home-events-item__title.item--title > a

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

1. <h2 id="homepage-hero-title" class="h1 section--title">Welcome to Fall 2023</h2>

   Element selector:

   #homepage-hero-title
   Failing checks (At least one of these should pass)

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

2. <a href="https://www.tulsacc.edu/campus-life/welcome-students">Welcome Students</a>

   Element selector:

   .btn--homepage:nth-child(1) > a
   Failing checks (At least one of these should pass)

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

3. <a href="https://www.tulsacc.edu/admissions-aid/admissions/apply-admission">Apply to TCC</a>

   Element selector:

   .btn--homepage__transparent > a
   Failing checks (At least one of these should pass)

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

4. <div class="homepage--program-callout-pp__desc">Students can save between $22,000-30,000 on the first two years of college compared to other regional schools.</div>

   Element selector:

   .homepage--program-callout-pp__desc
   Failing checks (At least one of these should pass)

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

5. <a href="https://www.tulsacc.edu/programs-courses/university-transfer">University Transfer Programs</a>

   Element selector:

   .paragraphs-item-home-program-callout-pp.homepage--program-callout-pp.entity:nth-child(2) > .content > .homepage--program-callout-pp__text > .homepage--program-callout-pp__link.arrow-link > a
   Failing checks (At least one of these should pass)

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

6. <h2 id="homepage-partner-section-title" class="section--title">Start Here, Finish There.</h2>

   Element selector:

   #homepage-partner-section-title
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-partner-section

7. <div class="h5 homepage--partner-section__desc">Your credits transfer. We’ve partnered with city, state, regional and online universities to make sure what you earn at TCC transfers seamlessly.</div>

   Element selector:

   .homepage--partner-section__desc
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-partner-section

8. <a href="https://www.tulsacc.edu/programs-courses/university-transfer">Choose your university</a>

   Element selector:

   .homepage--partner-section__text > .btn--homepage > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-partner-section

9. <h2 id="homepage-news-events-title" class="section--title">Happening at TCC</h2>

   Element selector:

   #homepage-news-events-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 .paragraphs-item-home-news-events-section

10. <div class="eyebrow">Events</div>

    Element selector:

    article[data-slick-index="1"] > .eyebrow
    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. <a href="https://admission.tulsacc.edu/portal/luncheon2023">True Blue Counselor Luncheon</a>

    Element selector:

    article[data-slick-index="1"] > .home-events-item__content > .home-events-item__title.item--title > a
    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. <p>Counselor Luncheon is a time to come to campus and learn more about what Tulsa Community College offers your students. This year we will be at the...</p>

    Element selector:

    article[data-slick-index="1"] > .home-events-item__content > .home-events-item__teaser > p
    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. <span class="date-display-single">October 3, 2023</span>

    Element selector:

    article[data-slick-index="1"] > .home-events-item__content > .home-events-item__details > .home-events-item__date.detail > .date-display-single
    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="date-display-single">11:00 am</span>

    Element selector:

    article[data-slick-index="1"] > .home-events-item__content > .home-events-item__details > .home-events-item__time.detail > .date-display-single
    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. <div class="home-events-item__location detail">West Campus 7505 W. 41st St Tulsa, OK 74107</div>

    Element selector:

    article[data-slick-index="1"] > .home-events-item__content > .home-events-item__details > .home-events-item__location.detail
    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. <button type="button" data-role="none" class="slick-next" aria-label="next" style="display: block;">Next</button>

    Element selector:

    .slick-next
    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. <h2 id="homepage-qa-title" class="section--title eyebrow">Ask an Admission Counselor</h2>

    Element selector:

    #homepage-qa-title
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-qa-section

18. <div class="homepage--qa__question h2">I don’t live in Tulsa County. How can I make College more affordable, and what are my financial aid options? </div>

    Element selector:

    .homepage--qa__question
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-qa-section

19. <div class="homepage--qa__answer h4">Great news, just because you don’t live in Tulsa County doesn’t mean you can’t go to school for free. We have great options. Talk to our TCC Financial Aid and Scholarships to get started.</div>

    Element selector:

    .homepage--qa__answer
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-qa-section

20. <a href="https://www.tulsacc.edu/admissions-aid/financial-aid">Financial Aid &amp; Scholarships</a>

    Element selector:

    .homepage--qa__links > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-qa-section

21. <div class="homepage--qa__counselor__name h4">Nathan Harris</div>

    Element selector:

    .homepage--qa__counselor__name
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-qa-section

22. <div class="homepage--qa__counselor__job-title">Admission Counselor</div>

    Element selector:

    .homepage--qa__counselor__job-title
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-qa-section

23. <a href="https://www.tulsacc.edu/admissions-aid/meet-your-admission-counselor">Meet Your Admission Counselor</a>

    Element selector:

    .homepage--qa__counselor__link > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .paragraphs-item-home-qa-section

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

1. <div class="block block-bean block-bean-footer-cta-block menu-block-wrapper" aria-label="Call to Action menu">

   Element selector:

   .block-bean-footer-cta-block
   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="block block-menu-block block-menu-block-oho-university-menu-4" aria-label="University Secondary Navigation">

   Element selector:

   .block-menu-block-oho-university-menu-4
   Failing checks (All of these should pass)

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