Page Scan Results:

In No Mans Land,  find your path to anywhere!

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

1. <span style="font-family: Lato, sans-serif; font-weight: normal; font-style: normal;">323 Eagle Boulevard<br>Goodwell OK, 73939</span>

   Element selector:

   .elm-contact > p:nth-child(1) > span
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.49 (foreground color: #757575, background color: #212121, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 elm-pg-footer

2. <span style="font-family: Lato,sans-serif;">wearepanhandle@opsu.edu</span>

   Element selector:

   .elm-contact > p:nth-child(2) > span > span > span
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.49 (foreground color: #757575, background color: #212121, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 elm-pg-footer

3. <span style="font-family: Lato, sans-serif; font-weight: normal; font-style: normal;">(580) 349-1373</span>

   Element selector:

   .elm-contact > p:nth-child(3) > span
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.49 (foreground color: #757575, background color: #212121, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 elm-pg-footer

4. <span style="font-family: Lato, sans-serif; font-weight: normal; font-style: normal;">Copyright @ 2022 Oklahoma Panhandle State University</span>

   Element selector:

   p[editable="copyright"] > span
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.49 (foreground color: #757575, background color: #212121, font size: 8.3pt (11.008px), font weight: normal). Expected contrast ratio of 4.5:1 elm-pg-footer

5. <a _ngcontent-page451-c22="" target="_blank" class="elm-footer-copyright privacy-policy-link ng-star-inserted" href="https://www.opsu.edu/About/Policy/Privacy/">Privacy Policy</a>

   Element selector:

   .privacy-policy-link
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.49 (foreground color: #757575, background color: #212121, font size: 8.3pt (11.008px), font weight: normal). Expected contrast ratio of 4.5:1 elm-pg-footer

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

1. <span style="color: rgb(255, 255, 255); font-family: Lato, sans-serif; font-weight: normal; font-style: normal;">In No Mans Land,&nbsp;</span>

   Element selector:

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

   • Element's background color could not be determined because element contains an image node .overlay-element .elm-pg-component-background-image

2. <span style="color: rgb(255, 255, 255); font-family: Lato, sans-serif; font-weight: normal; font-style: normal;">find your path to anywhere!</span>

   Element selector:

   h1 > p:nth-child(2) > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node .overlay-element .elm-pg-component-background-image

3. <span style="color: rgb(238, 238, 238); font-weight: normal; font-style: normal; font-family: Lato, sans-serif;">We Are Panhandle!</span>

   Element selector:

   h2[editable="subtitle"] > p > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node .overlay-element .elm-pg-component-background-image

4. <h3>Let’s Connect</h3>

   Element selector:

   .form-header > h3
   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. <p>Tell us a little about you so we can tell you more about us.</p>

   Element selector:

   .form-header > 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

6. <input matinput="" type="text" class="mat-mdc-input-element ng-tns-c40-1 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" autocomplete="given-name" aria-describedby="mat-mdc-hint-0" id="mat-input-0" aria-invalid="false" aria-required="false">

   Element selector:

   #mat-input-0
   Failing checks (At least one of these should pass)

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

7. <input matinput="" type="text" class="mat-mdc-input-element ng-tns-c40-2 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" autocomplete="family-name" aria-describedby="mat-mdc-hint-1" id="mat-input-1" aria-invalid="false" aria-required="false">

   Element selector:

   #mat-input-1
   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. <h3 class="lum-df-group-title ng-star-inserted">Home Address</h3>

   Element selector:

   lum-df-address > .lum-df-group-title
   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. <input matinput="" type="text" class="mat-mdc-input-element mat-mdc-autocomplete-trigger ng-tns-c40-3 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" placeholder="Home Address" aria-describedby="mat-mdc-hint-2" id="mat-input-2" aria-invalid="false" aria-required="false" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-haspopup="listbox">

   Element selector:

   #mat-input-2
   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. <input matinput="" type="text" class="mat-mdc-input-element ng-tns-c40-11 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" autocomplete="off" aria-describedby="mat-mdc-hint-7" id="mat-input-5" aria-invalid="false" aria-required="false">

    Element selector:

    #mat-input-5
    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. <input matinput="" type="text" class="mat-mdc-input-element ng-tns-c40-13 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" autocomplete="off" aria-describedby="mat-mdc-hint-9" id="mat-input-7" aria-invalid="false" aria-required="false">

    Element selector:

    #mat-input-7
    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. <input matinput="" type="text" class="mat-mdc-input-element ng-tns-c40-20 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" autocomplete="off" aria-describedby="mat-mdc-hint-14" id="mat-input-10" aria-invalid="false" aria-required="false">

    Element selector:

    #mat-input-10
    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. <input matinput="" type="email" class="mat-mdc-input-element ng-tns-c40-8 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored" autocomplete="email" aria-describedby="mat-mdc-hint-5" id="mat-input-4" aria-invalid="false" aria-required="false">

    Element selector:

    #mat-input-4
    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. <h3 class="lum-df-group-title ng-star-inserted">Cell Phone</h3>

    Element selector:

    .group-control.ng-valid.ng-untouched > .lum-df-group-title
    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. <input matinput="" type="text" class="mat-mdc-input-element ng-tns-c40-21 mat-mdc-form-field-input-control mdc-text-field__input ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" autocomplete="off" aria-describedby="mat-mdc-hint-15" id="mat-input-11" aria-invalid="false" aria-required="false">

    Element selector:

    #mat-input-11
    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 _ngcontent-page451-c119=""> This site is protected by reCAPTCHA and the Google <a _ngcontent-page451-c119="" href="https://policies.google.com/privacy">Privacy Policy</a> and <a _ngcontent-page451-c119="" href="https://policies.google.com/terms">Terms of Service</a> apply. </p>

    Element selector:

    p[_ngcontent-page451-c119=""]
    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. <a _ngcontent-page451-c119="" href="https://policies.google.com/privacy">Privacy Policy</a>

    Element selector:

    a[_ngcontent-page451-c119=""]:nth-child(1)
    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. <a _ngcontent-page451-c119="" href="https://policies.google.com/terms">Terms of Service</a>

    Element selector:

    a[_ngcontent-page451-c119=""]:nth-child(2)
    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 _ngcontent-page451-c145="" class="copy ng-tns-c145-0">

    Element selector:

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

    • Element's background color could not be determined because it partially overlaps other elements

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

1. <a _ngcontent-page451-c119="" href="https://policies.google.com/privacy">Privacy Policy</a>

   Element selector:

   a[_ngcontent-page451-c119=""]:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element's contrast ratio could not be determined because of element overlap p[_ngcontent-page451-c119=""]

2. <a _ngcontent-page451-c119="" href="https://policies.google.com/terms">Terms of Service</a>

   Element selector:

   a[_ngcontent-page451-c119=""]:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element's contrast ratio could not be determined because of element overlap p[_ngcontent-page451-c119=""]