Page Scan Results:
Northwest Technology Center

https://nwtech.edu/student-services/career-counseling/

Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.

Known Issues Summary

Form elements must have labels
2
Links must be distinguishable without relying on color
2
Links must have discernible text
2
Buttons must have discernible text
1
Elements must meet minimum color contrast ratio thresholds
1
Zooming and scaling must not be disabled
1

Known Issues on This Page

Form elements must have labels

critical

Ensures every form element has a label. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2, ACT 
  1. <input style="width:180px;" class="sf_input" autocomplete="off" type="text" value="Search" name="s">
    Element selector:
    #\36 5076a8164e1c > 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 5076a81730d9 > 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"

Links must be distinguishable without relying on color

serious

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

Rule type: WCAG 2.0 A, WCAG SC 1.4.1, EN-301-549, EN-9.1.4.1 
  1. <a href="mailto:kkoehn@nwtech.edu" target="_blank" rel="noopener">kkoehn@nwtech.edu</a>
    Element selector:
    a[href$="mailto:kkoehn@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(6) > .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(6) > .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) 
  2. <a href="mailto:jshaw@nwtech.edu" target="_blank" rel="noopener">jshaw@nwtech.edu</a>
    Element selector:
    a[href$="mailto:jshaw@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(6) > .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(6) > .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)

Buttons must have discernible text

critical

Ensures buttons have discernible text. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2, ACT 
  1. <button class="sf_button searchsubmit" type="submit"><span class="sf_hidden">Search</span></button>
    Element selector:
    #\36 5076a81730d9 > 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"

Elements must meet minimum color contrast ratio thresholds

serious

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT 
  1. <input style="width:180px;" class="sf_input" autocomplete="off" type="text" value="Search" name="s">
    Element selector:
    #\36 5076a81730d9 > 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 5076a81730d9 > form > div > .sf_search > .sf_block > input

Zooming and scaling must not be disabled

critical

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.4, EN-301-549, EN-9.1.4.4, ACT 
  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