Page Scan Results:

(No H1 element on page)

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

1. <div class="title">On Campus</div>

   Element selector:

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

   • Element has insufficient color contrast of 2.95 (foreground color: #ffffff, background color: #ff6500, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .field-name-field-landing-shortcut > .field-items > .even.field-item:nth-child(1)

2. <p>Access campus-specific information on important items like housing, dining, parking, sports, homecoming, graduation and more.</p>

   Element selector:

   a[href$="campus"]:nth-child(1) > p
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.95 (foreground color: #ffffff, background color: #ff6500, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .field-name-field-landing-shortcut > .field-items > .even.field-item:nth-child(1)

3. <a href="/student-life/campus">Learn More...</a>

   Element selector:

   a[href$="campus"]:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.93 (foreground color: #183964, background color: #ff6500, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .field-name-field-landing-shortcut > .field-items > .even.field-item:nth-child(1)

4. <a href="/student-life/online-support">Learn More...</a>

   Element selector:

   a[href$="online-support"]:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.93 (foreground color: #ff6500, background color: #183964, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .odd.field-item:nth-child(2)

5. <a href="/student-life/student-services">Learn More...</a>

   Element selector:

   a[href$="student-services"]:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.93 (foreground color: #ff6500, background color: #183964, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .even.field-item:nth-child(3)

6. <div class="title">Student Affairs</div>

   Element selector:

   a[href$="student-affairs"] > .title
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.95 (foreground color: #ffffff, background color: #ff6500, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .odd.field-item:nth-child(4)

7. <p>Fostering students' intellectual, personal, social, and professional growth, and prepare them for success on campus and beyond graduation.</p>

   Element selector:

   a[href$="student-affairs"]:nth-child(1) > p
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.95 (foreground color: #ffffff, background color: #ff6500, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .odd.field-item:nth-child(4)

8. <a href="/student-life/student-affairs">Learn More...</a>

   Element selector:

   a[href$="student-affairs"]:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.93 (foreground color: #183964, background color: #ff6500, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .odd.field-item:nth-child(4)

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

1. <img src="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/StudentLife-OnCampus.jpg?itok=7FErV6Dx">

   Element selector:

   a[href$="campus"] > .landing-shortcut > img
   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="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/StudentLife-OnlineSupport.jpg?itok=A18tQOy3">

   Element selector:

   a[href$="online-support"] > .landing-shortcut > img
   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="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/StudentLife-Services.jpg?itok=YmN-Vz0o">

   Element selector:

   a[href$="student-services"] > .landing-shortcut > img
   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="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/KeithBrown_20_3.jpg?itok=OPK3IfVm">

   Element selector:

   a[href$="student-affairs"] > .landing-shortcut > img
   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"

5. <img src="https://www.langston.edu/sites/default/files/styles/button-icon/public/check_10.png?itok=ErM9mpxR">

   Element selector:

   .highlight-btn > img
   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 links have discernible text. Axe Reference

1. <a href="/student-life/campus">
   <div class="landing-shortcut"><img src="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/StudentLife-OnCampus.jpg?itok=7FErV6Dx"></div>
   </a>

   Element selector:

   .col > a[href$="campus"]
   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 href="/student-life/online-support">
   <div class="landing-shortcut"><img src="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/StudentLife-OnlineSupport.jpg?itok=A18tQOy3"></div>
   </a>

   Element selector:

   .col > a[href$="online-support"]
   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

3. <a href="/student-life/student-services">
   <div class="landing-shortcut"><img src="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/StudentLife-Services.jpg?itok=YmN-Vz0o"></div>
   </a>

   Element selector:

   .col > a[href$="student-services"]
   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

4. <a href="/student-life/student-affairs">
   <div class="landing-shortcut"><img src="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/KeithBrown_20_3.jpg?itok=OPK3IfVm"></div>
   </a>

   Element selector:

   .col > a[href$="student-affairs"]
   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 every HTML document has a lang attribute. Axe Reference

1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa 1.0" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" class="js">

   Element selector:

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

   • The xml:lang attribute is not valid on HTML pages, use the lang attribute.

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

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

   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. <input title="Enter the terms you wish to search for." type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="15" maxlength="128" class="form-text">

   Element selector:

   #edit-search-block-form--2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #edit-search-block-form--2

2. <span>News</span>

   Element selector:

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

   • Element's background color could not be determined because element contains an image node img[alt="Home"]

3. <span>Events</span>

   Element selector:

   .menu-595[href$="events"][title=""] > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node img[alt="Home"]

4. <span>Directory</span>

   Element selector:

   .menu-596[href$="campus-directory"][title=""] > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node img[alt="Home"]

5. <span>Careers</span>

   Element selector:

   .menu-1321[title=""] > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node img[alt="Home"]

6. <span>Athletics</span>

   Element selector:

   .menu-597[href$="www.langstonsports.com"][title=""] > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

7. <span>Alumni</span>

   Element selector:

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

   • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

8. <span>Give Now</span>

   Element selector:

   .menu-1100[title=""] > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

9. <span>Site Index</span>

   Element selector:

   .menu-1284[title=""] > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

10. <span>Logins</span>

    Element selector:

    .menu-603.depth-1.leaf > a[href$="logins"] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

11. <span>Make A Payment</span>

    Element selector:

    .menu-1795[title=""] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .menu-1795[title=""]

12. <span>Academics</span>

    Element selector:

    .block-content > ul > .menu-148.depth-1.expanded > .menu-148[href$="academics"] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .block-content > ul > .menu-148.depth-1.expanded > .menu-148[href$="academics"]

13. <span>Future Students</span>

    Element selector:

    .block-content > ul > .menu-404.depth-1.expanded > .menu-404[href$="future-students"] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .block-content > ul > .menu-404.depth-1.expanded > .menu-404[href$="future-students"]

14. <span>Graduate Programs</span>

    Element selector:

    .block-content > ul > .menu-912.depth-1.leaf > .menu-912 > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

15. <span>Campus Life</span>

    Element selector:

    .block-content > ul > .active-trail.menu-405.depth-1 > .active-trail.menu-405.active > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .block-content > ul > .active-trail.menu-405.depth-1 > .active-trail.menu-405.active

16. <span>Undergraduate Programs</span>

    Element selector:

    .menu-910.collapsed.depth-1 > .menu-910 > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

17. <span>Lion Camp</span>

    Element selector:

    .block-content > ul > .menu-1316.depth-1.leaf > .menu-1316[href$="lion-camp"] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

18. <span>OKC</span>

    Element selector:

    .block-content > ul > .menu-406.depth-1.expanded > .menu-406[title=""] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .block-content > ul > .menu-406.depth-1.expanded > .menu-406[title=""]

19. <span>Tulsa</span>

    Element selector:

    .block-content > ul > .menu-407.depth-1.expanded > .menu-407[href$="tulsa"][title=""] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .block-content > ul > .menu-407.depth-1.expanded > .menu-407[href$="tulsa"][title=""]

20. <span>Faculty &amp; Staff</span>

    Element selector:

    .block-content > ul > .menu-408.depth-1.expanded > .menu-408[href$="faculty-staff"] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .block-content > ul > .menu-408.depth-1.expanded > .menu-408[href$="faculty-staff"]

21. <span>Library</span>

    Element selector:

    .block-content > ul > .menu-982.depth-1.leaf > .menu-982[title=""] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

22. <span>About Us</span>

    Element selector:

    .block-content > ul > .menu-409.depth-1.expanded > .menu-409[href$="about-us"] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .block-content > ul > .menu-409.depth-1.expanded > .menu-409[href$="about-us"]

23. <span>Apply Now</span>

    Element selector:

    .block-content > ul > .menu-604.depth-1.leaf > .menu-604[title=""] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

24. <span>Money Management Tools</span>

    Element selector:

    .block-content > ul > .menu-905.depth-1.leaf > .menu-905 > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

25. <span>Student Portal</span>

    Element selector:

    .block-content > ul > .menu-1315.depth-1.last > .menu-1315[href$="new-student-portal-banner"] > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg

26. <div class="breadcrumb-title">Student Life</div>

    Element selector:

    .breadcrumb-title
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .breadcrumb-title .main-hero-overlay .main-hero-bg

27. <div class="breadcrumb"><a href="/">Home</a> » <a href="/student-life" class="active">Campus Life</a></div>

    Element selector:

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

    • Element content is too short to determine if it is actual text content .breadcrumb .main-hero-overlay .main-hero-bg

28. <a href="/">Home</a>

    Element selector:

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

    • Element's background color could not be determined due to a background image .breadcrumb .main-hero-overlay .main-hero-bg

29. <a href="/student-life" class="active">Campus Life</a>

    Element selector:

    .breadcrumb > .active[href$="student-life"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .breadcrumb .main-hero-overlay .main-hero-bg

30. <div class="field-item even">Student Life</div>

    Element selector:

    .field-name-field-hero-title > .field-items > .even.field-item
    Failing checks (At least one of these should pass)

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

31. <div class="field-item even">If you’re a student at Langston, the Student Life section probably has the info you’re looking for.</div>

    Element selector:

    .field-name-field-hero-copy > .field-items > .even.field-item
    Failing checks (At least one of these should pass)

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

32. <p>2020 Langston University / PO BOX 1500 / Langston, OK 73050 / 1.877.466.2231 / <a href="mailto:luwebmaster@langston.edu">luwebmaster@langston.edu</a> / <a href="/privacy-policy">Privacy Policy</a></p>

    Element selector:

    .block-content > p: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 .footer

33. <a href="mailto:luwebmaster@langston.edu">luwebmaster@langston.edu</a>

    Element selector:

    p:nth-child(1) > a: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 .footer

34. <a href="/privacy-policy">Privacy Policy</a>

    Element selector:

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

    • Element's background color could not be determined due to a background image .footer

35. <p>Langston.edu is currently being updated. Check back soon to explore our new site.</p>

    Element selector:

    p: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 .footer

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

1. <a href="mailto:luwebmaster@langston.edu">luwebmaster@langston.edu</a>

   Element selector:

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

   • Element's contrast ratio could not be determined due to a background image .block-content > p:nth-child(1)

2. <a href="/privacy-policy">Privacy Policy</a>

   Element selector:

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

   • Element's contrast ratio could not be determined due to a background image .block-content > p:nth-child(1)