Page Scan Results:

Over 80 full-time career programs. Hundreds of part-time classes. Get the training you need to get to work.

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

1. <div class="opp-card active" id="card-pt" aria-hidden="true" style="position: absolute; left: 38.75%;">

   Element selector:

   #card-pt
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #card-pt > .opp-card_card-cta[href$="adult-part-time-classes/"]

2. <div class="opp-card active" id="card-bis" aria-hidden="true" style="position: absolute; left: 77.5%;">

   Element selector:

   #card-bis
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #card-bis > .opp-card_card-cta

3. <div class="opp-card active" id="card-online" aria-hidden="true" style="position: absolute; left: 116.25%;">

   Element selector:

   #card-online
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #card-online > .opp-card_card-cta

4. <div class="opp-card active" id="card-hsext" aria-hidden="true" style="position: absolute; left: 155%;">

   Element selector:

   #card-hsext
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #card-hsext > .opp-card_card-cta

5. <div class="opp-card active" id="card-ft2" aria-hidden="true" style="position: absolute; left: 193.75%;">

   Element selector:

   #card-ft2
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #card-ft2 > .opp-card_card-cta[href$="full-time-programs/"]

6. <div class="opp-card active" id="card-pt2" aria-hidden="true" style="position: absolute; left: 232.5%;">

   Element selector:

   #card-pt2
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #card-pt2 > .opp-card_card-cta[href$="adult-part-time-classes/"]

7. <div class="opp-card active" id="card-bis2" aria-hidden="true" style="position: absolute; left: 271.25%;">

   Element selector:

   #card-bis2
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #card-bis2 > .opp-card_card-cta

8. <div class="opp-card active" id="card-online2" aria-hidden="true" style="position: absolute; left: 310%;">

   Element selector:

   #card-online2
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #card-online2 > .opp-card_card-cta

9. <div class="opp-card active" id="card-hsext2" aria-hidden="true" style="position: absolute; left: -38.75%;">

   Element selector:

   #card-hsext2
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #card-hsext2 > .opp-card_card-cta

Ensures every ARIA input field has an accessible name. Axe Reference

1. <div class="opp_carousel_inner flickity-enabled is-draggable" role="listbox" tabindex="0" style="display: inherit;">

   Element selector:

   .opp_carousel_inner
   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 elements with an ARIA role that require child roles contain them. Axe Reference

1. <div class="opp_carousel_inner flickity-enabled is-draggable" role="listbox" tabindex="0" style="display: inherit;">

   Element selector:

   .opp_carousel_inner
   Failing checks (At least one of these should pass)

   • Element has children which are not allowed: button[aria-label], h4[tabindex], h3[tabindex], ul[tabindex], a[aria-label] .previous .next #card-ft > h4 #card-ft > .opp-card_title #card-ft > .opp-card_list #card-ft > .opp-card_card-cta[href$="full-time-programs/"]
   • Element uses aria-busy="true" while showing a loader

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

1. <h1>
   <span class="cta_h1-small">Over 80 full-time career programs. Hundreds of part-time classes.<br></span><br>Get the training you need to get to work.
   </h1>

   Element selector:

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

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

2. <span class="cta_h1-small">Over 80 full-time career programs. Hundreds of part-time classes.<br></span>

   Element selector:

   .cta_h1-small
   Failing checks (At least one of these should pass)

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

3. <h2>What do you want to learn today?</h2>

   Element selector:

   .search_hero > h2
   Failing checks (At least one of these should pass)

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

4. <h2 class="opp_title">See all the opportunities for you at Tulsa Tech.</h2>

   Element selector:

   .opp_title
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient #opportunities

5. <a class="story_link" href="/about-the-district/news/content/tulsa-tech-highlights-workforce-development-month-through-partnership-with-bizjet/" aria-label="Read more about 'Celebrating Workforce Development Month and Building Partnerships'">Read More</a>

   Element selector:

   article:nth-child(1) > .story_text > .story_link
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient article:nth-child(1) > .story_text > .story_link

6. <a class="story_link" href="/about-the-district/news/content/finding-the-unseen-connection/" aria-label="Read more about 'Finding the Unseen Connection'">Read More</a>

   Element selector:

   article:nth-child(2) > .story_text > .story_link
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient article:nth-child(2) > .story_text > .story_link

7. <a class="story_link" href="/about-the-district/news/content/from-the-kitchen-to-the-server-room/" aria-label="Read more about 'From the Kitchen to the Server Room'">Read More</a>

   Element selector:

   article:nth-child(3) > .story_text > .story_link
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient article:nth-child(3) > .story_text > .story_link

8. <h6 class="col3-r foot-list-title">Helpful Links</h6>

   Element selector:

   .foot-list-title.col3-r
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .footer_top

9. <a href="https://tulsatech.blackboard.com/">Blackboard</a>

   Element selector:

   .footer_link-hl_list.col3-r > .footer_link-hl_item:nth-child(1) > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .footer_top

10. <a href="https://tulsatech-csm.symplicity.com/">HIRE Tulsa Tech Grads</a>

    Element selector:

    .footer_link-hl_list.col3-r > .footer_link-hl_item:nth-child(2) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

11. <a href="/about-the-district/employment-opportunities/">Employment Opportunities</a>

    Element selector:

    .footer_link-hl_list.col3-r > .footer_link-hl_item:nth-child(3) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

12. <a href="/resources-for/current-students/student-disability-services/">Disability Services</a>

    Element selector:

    .footer_link-hl_list.col3-r > .footer_link-hl_item:nth-child(4) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

13. <h6 class="col2-r foot-list-title">Policies</h6>

    Element selector:

    .foot-list-title.col2-r
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

14. <a href="/about-the-district/district-policies/">District Policies</a>

    Element selector:

    .footer_link-hl_list.col2-r > .footer_link-hl_item:nth-child(1) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

15. <a href="/about-the-district/district-policies/privacy-notice/">Privacy Notice</a>

    Element selector:

    .footer_link-hl_list.col2-r > .footer_link-hl_item:nth-child(2) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

16. <a href="/about-the-district/district-policies/#d.en.9797">Non-discrimination Policy</a>

    Element selector:

    .footer_link-hl_list.col2-r > .footer_link-hl_item:nth-child(3) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

17. <h6 class="col1-r foot-list-title">Legal Statements</h6>

    Element selector:

    .foot-list-title.col1-r
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

18. <a href="/about-the-district/safety-and-security/">Safety &amp; Security</a>

    Element selector:

    .footer_link-hl_list.col1-r > .footer_link-hl_item:nth-child(1) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

19. <a href="/about-the-district/consumer-information/">Consumer Information</a>

    Element selector:

    .footer_link-hl_list.col1-r > .footer_link-hl_item:nth-child(2) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

20. <a href="/about-the-district/district-policies/ferpa-annual-notice/">FERPA Annual Notice</a>

    Element selector:

    .footer_link-hl_list.col1-r > .footer_link-hl_item:nth-child(3) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

21. <a href="/about-the-district/district-policies/non-discrimination-annual-notice/">Non-Discrimination Annual Notice</a>

    Element selector:

    .footer_link-hl_list.col1-r > .footer_link-hl_item:nth-child(4) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .footer_top

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

1. <section id="opportunities" class="opps" aria-labelledby="Opportunities at Tulsa Tech">

   Element selector:

   #opportunities
   Failing checks (All of these should pass)

   • aria-labelledby attribute is not well supported on a section with no valid role attribute.

Ensures all ARIA attributes have valid values. Axe Reference

1. <section id="opportunities" class="opps" aria-labelledby="Opportunities at Tulsa Tech">

   Element selector:

   #opportunities
   Failing checks (All of these should pass)

   • ARIA attribute element ID does not exist on the page: aria-labelledby="Opportunities at Tulsa Tech"