Page Scan Results:

Northwest Technology Center

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe src="https://www.youtube.com/embed/_Bqk6E780fQ" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

   Element selector:

   p:nth-child(6) > iframe[width="560"][height="315"][allowfullscreen="allowfullscreen"]
   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"

2. <iframe loading="lazy" src="https://www.youtube.com/embed/FFAkQERoRTg" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

   Element selector:

   p:nth-child(8) > iframe[loading="lazy"][width="560"][height="315"]
   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"

3. <iframe loading="lazy" src="https://www.youtube.com/embed/HMZqpLh_cJw" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

   Element selector:

   p:nth-child(10) > iframe[loading="lazy"][width="560"][height="315"]
   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"

4. <iframe loading="lazy" src="https://www.youtube.com/embed/VUPBTXAzL0Q" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

   Element selector:

   p:nth-child(12) > iframe[loading="lazy"][width="560"][height="315"]
   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"

5. <iframe loading="lazy" src="https://www.youtube.com/embed/rf1EmgHPVsU" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

   Element selector:

   p:nth-child(14) > iframe[loading="lazy"][width="560"][height="315"]
   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"

6. <iframe loading="lazy" src="https://www.youtube.com/embed/rhs5Ejaq1Mw" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

   Element selector:

   p:nth-child(16) > iframe[loading="lazy"][width="560"][height="315"]
   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"

7. <iframe loading="lazy" src="https://www.youtube.com/embed/OYxFwoknvXI" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

   Element selector:

   p:nth-child(18) > iframe[loading="lazy"][width="560"][height="315"]
   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"

8. <iframe loading="lazy" src="https://www.youtube.com/embed/IYXlqgA6oSY" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

   Element selector:

   p:nth-child(20) > iframe[loading="lazy"][width="560"][height="315"]
   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"

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

1. <a href="mailto:tfrascht@nwtech.edu">tfrascht@nwtech.edu</a>

   Element selector:

   a[href="mailto:tfrascht@nwtech.edu"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 2.48:1 with the surrounding text. (Minimum contrast is 3:1, link text: #902d3f, surrounding text: #0a0a0a) .vc_row.wpb_row.vc_row-fluid:nth-child(7) > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element > .wpb_wrapper > p:nth-child(3)
   • The link has no styling (such as underline) to distinguish it from the surrounding text .vc_row.wpb_row.vc_row-fluid:nth-child(7) > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element > .wpb_wrapper > p:nth-child(3)

2. <a href="https://nwtech.edu/alvacc/" target="_blank" rel="noopener noreferrer">https://nwtech.edu/alvacc/</a>

   Element selector:

   a[href$="alvacc/"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 2.48:1 with the surrounding text. (Minimum contrast is 3:1, link text: #902d3f, surrounding text: #0a0a0a) .vc_row.wpb_row.vc_row-fluid:nth-child(7) > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element > .wpb_wrapper > p:nth-child(3)
   • The link has no styling (such as underline) to distinguish it from the surrounding text .vc_row.wpb_row.vc_row-fluid:nth-child(7) > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element > .wpb_wrapper > p:nth-child(3)

3. <a href="mailto:kaykoehn@nwtech.edu">kaykoehn@nwtech.edu</a>

   Element selector:

   a[href="mailto:kaykoehn@nwtech.edu"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 2.48:1 with the surrounding text. (Minimum contrast is 3:1, link text: #902d3f, surrounding text: #0a0a0a) .vc_row.wpb_row.vc_row-fluid:nth-child(7) > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element > .wpb_wrapper > p:nth-child(4)
   • The link has no styling (such as underline) to distinguish it from the surrounding text .vc_row.wpb_row.vc_row-fluid:nth-child(7) > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element > .wpb_wrapper > p:nth-child(4)

Ensures every form element has a label. Axe Reference

1. <input style="width:180px;" class="sf_input" autocomplete="off" type="text" value="Search" name="s">

   Element selector:

   #\36 5076a8262356 > form > div > .sf_search > .sf_block > input
   Failing checks (At least one of these should pass)

   • Form element does not have an implicit (wrapped) <label>
   • Form element does not have an explicit <label>
   • 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 has no placeholder attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

2. <input style="width:180px;" class="sf_input" autocomplete="off" type="text" value="Search" name="s">

   Element selector:

   #\36 5076a8272fdf > form > div > .sf_search > .sf_block > input
   Failing checks (At least one of these should pass)

   • Form element does not have an implicit (wrapped) <label>
   • Form element does not have an explicit <label>
   • 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 has no placeholder attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

Ensures links have discernible text. Axe Reference

1. <a target="_blank" href=""><img src="" alt=""></a>

   Element selector:

   .social.alpha.columns > .social > li:nth-child(5) > a[href=""][target="_blank"]
   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 target="_blank" href=""><img src="" alt=""></a>

   Element selector:

   .sixteen.columns > .social > li:nth-child(5) > a[href=""][target="_blank"]
   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 buttons have discernible text. Axe Reference

1. <button class="sf_button searchsubmit" type="submit"><span class="sf_hidden">Search</span></button>

   Element selector:

   #\36 5076a8272fdf > form > div > .sf_search > .sf_block > .sf_button.searchsubmit[type="submit"]
   Failing checks (At least one of these should pass)

   • Element does not have inner 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
   • 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. <input style="width:180px;" class="sf_input" autocomplete="off" type="text" value="Search" name="s">

   Element selector:

   #\36 5076a8272fdf > form > div > .sf_search > .sf_block > input
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.32 (foreground color: #aaaaaa, background color: #ffffff, font size: 10.0pt (13.3333px), font weight: normal). Expected contrast ratio of 4.5:1 #\36 5076a8272fdf > form > div > .sf_search > .sf_block > input

Ensures <meta name="viewport"> does not disable text scaling and zooming. Axe Reference

1. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

   Element selector:

   meta[name="viewport"]
   Failing checks (At least one of these should pass)

   • maximum-scale on <meta> tag disables zooming on mobile devices

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

1. <div class="tagline omega">

   Element selector:

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

   • Element's background color could not be determined due to a background image #section-tophat

2. <a href="https://nwtechsonis.jenzabarcloud.com/" target="_blank">Sonis</a>

   Element selector:

   .tagline > a[target="_blank"]: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 #section-tophat

3. <a href="https://nwtech.edu/staff/" target="_blank">Staff Login</a>

   Element selector:

   .tagline > a[href$="staff/"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #section-tophat

4. <a href="https://nwtech.edu/nwtcboard/" target="_blank">Board Login</a>

   Element selector:

   a[href$="nwtcboard/"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #section-tophat

5. <a href="https://nwtech.edu/supt/" target="_blank">Supt Login</a>

   Element selector:

   a[href$="supt/"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #section-tophat

6. <h2 class="footer-widget-title">Alva Campus</h2>

   Element selector:

   #text-9 > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #section-footer

7. <div class="textwidget"><hr>
   1801 11th Street<br>
   Alva, OK 73717<br>
   580.327.0344 Phone<br>
   580.327.5467 Fax</div>

   Element selector:

   #text-9 > .textwidget
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #section-footer

8. <h2 class="footer-widget-title">Fairview Campus</h2>

   Element selector:

   #text-10 > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #section-footer

9. <div class="textwidget"><hr>
   801 Vo-Tech Drive<br>
   Fairview, OK 73737<br>
   580.227.3708 Phone<br>
   580.227.2651 Fax</div>

   Element selector:

   #text-10 > .textwidget
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #section-footer

10. <h2 class="footer-widget-title">Legal Notices</h2>

    Element selector:

    #text-11 > h2
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #section-footer

11. <span style="color: #999999;">Non Discrimination Policy</span>

    Element selector:

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

    • Element's background color could not be determined due to a background image #section-footer

12. <span style="color: #999999;">Consumer Information Disclosures</span>

    Element selector:

    li:nth-child(2) > a[rel="noopener"][target="_blank"] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #section-footer

13. <span style="color:#999999;">Freedom of Expression Annual Report</span>

    Element selector:

    li:nth-child(3) > a[rel="noopener"][target="_blank"] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #section-footer

14. <span style="color:#999999;">Current Audit Report</span>

    Element selector:

    li:nth-child(4) > a[rel="noopener"][target="_blank"]:nth-child(1) > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #section-footer

15. <span style="color:#999999;">Past Audit Reports</span>

    Element selector:

    a[rel="noopener"][target="_blank"]:nth-child(2) > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #section-footer

16. <h2 class="footer-widget-title">Site Search</h2>

    Element selector:

    #text-16 > h2
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image #section-footer

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

1. <a href="https://nwtech.edu/student-services/">Student Services</a>

   Element selector:

   .breadcrumbs > a
   Failing checks (At least one of these should pass)

   • Element's contrast ratio could not be determined because of element overlap .page-title-breadcrumbs

2. <a class="" href="http://www.okcareerguide.org/" target="_blank" rel="noopener noreferrer">www.OkCareerGuide.org</a>

   Element selector:

   a[href$="okcareerguide.org/"]
   Failing checks (At least one of these should pass)

   • Element's contrast ratio could not be determined because of element overlap .vc_row.wpb_row.vc_row-fluid:nth-child(4) > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column.wpb_content_element > .wpb_wrapper > p:nth-child(2)