Page Scan Results:

We Offer a Convenient Education

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

1. <li style="float: left; list-style: none; position: relative; width: 800px;" class="bx-clone" aria-hidden="true">

   Element selector:

   .bx-clone[aria-hidden="true"]:nth-child(1)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM .bx-clone[aria-hidden="true"]:nth-child(1) > .primary-title > a[href$="apply-online"][target="_blank"]

2. <li aria-hidden="true" style="float: left; list-style: none; position: relative; width: 800px;">

   Element selector:

   li[aria-hidden="true"]:nth-child(3)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM li[aria-hidden="true"]:nth-child(3) > .primary-title > a[href$="apply-online"][target="_blank"]

3. <li aria-hidden="true" style="float: left; list-style: none; position: relative; width: 800px;">

   Element selector:

   li[aria-hidden="true"]:nth-child(4)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM a[href$="reach-higher"]

4. <li aria-hidden="true" style="float: left; list-style: none; position: relative; width: 800px;">

   Element selector:

   li[aria-hidden="true"]:nth-child(5)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM li[aria-hidden="true"]:nth-child(5) > .primary-title > a[href$="info"][target="_blank"]

5. <li style="float: left; list-style: none; position: relative; width: 800px;" aria-hidden="true">

   Element selector:

   li[aria-hidden="true"]:nth-child(6)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM li[aria-hidden="true"]:nth-child(6) > .primary-title > a[href$="apply-online"][target="_blank"]

6. <li style="float: left; list-style: none; position: relative; width: 800px;" class="bx-clone" aria-hidden="true">

   Element selector:

   .bx-clone[aria-hidden="true"]:nth-child(7)
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM .bx-clone[aria-hidden="true"]:nth-child(7) > .primary-title > a[href$="info"][target="_blank"]

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <img class="black-burger" src="/img/hamburger.png">

   Element selector:

   .black-burger
   Failing checks (At least one of these should pass)

   • Element does not have an alt 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 has no title attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

2. <img src="/img/zoom.png">

   Element selector:

   img[src$="zoom.png"]
   Failing checks (At least one of these should pass)

   • Element does not have an alt 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 has no title attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

3. <img src="/img/red-right-arrow.png">

   Element selector:

   li[aria-hidden="false"] > .primary-title > a[href$="info"][target="_blank"] > .home-button > img[src$="red-right-arrow.png"]
   Failing checks (At least one of these should pass)

   • Element does not have an alt 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 has no title attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

4. <img src="/img/footer-rider.png">

   Element selector:

   img[src$="footer-rider.png"]
   Failing checks (At least one of these should pass)

   • Element does not have an alt 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 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. <a href="/university-calendar">ALL EVENTS &gt;</a>

   Element selector:

   a[href$="university-calendar"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1

2. <a href="/news">ALL NEWS &gt;</a>

   Element selector:

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

   • Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1

Ensures buttons have discernible text. Axe Reference

1. <button><img src="/img/zoom.png"></button>

   Element selector:

   button
   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 <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe allowtransparency="" frameborder="0" height="166" scrolling="no" src="https://cdn.yoshki.com/iframe/54732.html" style="BORDER-TOP: 0px;BORDER-RIGHT: 0px;BORDER-BOTTOM: 0px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px;PADDING-LEFT: 0px;MARGIN: 0px;BORDER-LEFT: 0px;PADDING-RIGHT: 0px;backgroundColor: transparent;" width="150">

   Element selector:

   iframe
   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"

Ensures every HTML document has a lang attribute. Axe Reference

1. <html class="wf-franklingothicurw-n3-active wf-franklingothicurw-n4-active wf-franklingothicurw-n7-active wf-franklingothicurw-i4-active wf-franklingothicextcompurw-n4-active wf-franklingothicextcompurw-n7-active wf-active">

   Element selector:

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

   • The <html> element does not have a lang attribute

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

1. <h1>We Offer a Convenient Education</h1>

   Element selector:

   .bx-clone[aria-hidden="true"]:nth-child(1) > .primary-title > h1
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node .bx-clone[aria-hidden="true"]:nth-child(1) > .primary-title .bx-clone[aria-hidden="true"]:nth-child(1) > img[src="/uploads/slide-1548969044.jpg"]

2. <p>Be A Ranger Today!</p>

   Element selector:

   .bx-clone[aria-hidden="true"]:nth-child(1) > .primary-title > p
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node .bx-clone[aria-hidden="true"]:nth-child(1) > .primary-title .bx-clone[aria-hidden="true"]:nth-child(1) > img[src="/uploads/slide-1548969044.jpg"]

3. <h2 style="text-align: center;">Resources</h2>

   Element selector:

   h2:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .col-3:nth-child(1)

4. <span>Email</span>

   Element selector:

   a[href$="e-mail-access"][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 .col-3:nth-child(1)

5. <span>Blackboard</span>

   Element selector:

   a[href$="blackboard"][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 .col-3:nth-child(1)

6. <span>Self Service</span>

   Element selector:

   p:nth-child(5) > a[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 .col-3:nth-child(1)

7. <a href="/course-schedules" target="_blank">Course Schedules</a>

   Element selector:

   a[href$="course-schedules"][target="_blank"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .col-3:nth-child(1)

8. <a href="/helpful-videos" target="_blank">Helpful Videos</a>

   Element selector:

   p:nth-child(7) > a[href$="helpful-videos"][target="_blank"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .col-3:nth-child(1)

9. <span>Library Services</span>

   Element selector:

   a[href$="library.nwosu.edu"][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 .col-3:nth-child(1)

10. <a href="https://www.bkstr.com/nwosuniversitystore/home" target="_blank">NWOSU Bookstore</a>

    Element selector:

    p:nth-child(9) > a[target="_blank"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .col-3:nth-child(1)

11. <span style="font-family: franklin-gothic-ext-comp-urw; font-size: 36px; font-weight: 700; letter-spacing: 2px;">Apply to NWOSU</span>

    Element selector:

    span > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .col-3:nth-child(2)

12. <font color="#ffffff">Degree Options</font>

    Element selector:

    a[href$="academic-degrees"][target="_blank"] > font
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .col-3:nth-child(2)

13. <font color="#ffffff">Costs, Financial Aid, Scholarships</font>

    Element selector:

    a[href$="paying-for-college"][target="_blank"] > font
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .col-3:nth-child(2)

14. <font color="#ffffff">Living on Campus</font>

    Element selector:

    a[href$="living-on-campus"][target="_blank"] > font
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .col-3:nth-child(2)

15. <font color="#ffffff">Student Services</font>

    Element selector:

    a[href$="student-services"][target="_blank"] > font
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .col-3:nth-child(2)

16. <font color="#ffffff">Visit NWOSU</font>

    Element selector:

    a[href$="visit-northwestern"][target="_blank"] > font
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .col-3:nth-child(2)

17. <h2 style="text-align: center;">HOMECOMING OCT. 5-7</h2>

    Element selector:

    #data-3_LCJ > h2
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .col-3:nth-child(3)

18. <a href="/homecoming" target="_blank">Click for Schedule&nbsp;</a>

    Element selector:

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

    • Element's background color could not be determined due to a background image .col-3:nth-child(3)

19. <font color="#ffffff">DEGREES AVAILABLE IN WOODWARD</font>

    Element selector:

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

    • Element's background color could not be determined due to a background image .col-3:nth-child(4)

20. <font color="#ffffff">Learn More</font>

    Element selector:

    a[href$="info"][target="_blank"] > font
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .col-3:nth-child(4)

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

1. <a target="_blank" href="/apply-online">
   <div class="home-button">
   <p>APPLY NOW</p>
   <img src="/img/red-right-arrow.png">
   </div>
   </a>

   Element selector:

   .bx-clone[aria-hidden="true"]:nth-child(1) > .primary-title > a[href$="apply-online"][target="_blank"]
   Failing checks (At least one of these should pass)

   • Element's contrast ratio could not be determined because of element overlap .bx-clone[aria-hidden="true"]:nth-child(1) > .primary-title