Page Scan Results:
AN HBCU LIKE NONE OTHER!

https://www.langston.edu/

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 on This Page

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. <li class="full">Undergrad Programs</li>
    Element selector:
    .full:nth-child(1)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.83 (foreground color: #f2682b, background color: #1a3668, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 li:nth-child(3) > ul
  2. <li class="full">Graduate Programs</li>
    Element selector:
    .full:nth-child(8)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.83 (foreground color: #f2682b, background color: #1a3668, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 li:nth-child(3) > ul
  3. <h1 class="lax" data-lax-translate-y_large="(vh) 0, (-elh) 100" data-lax-anchor="self" style="backface-visibility: hidden; opacity: 0.602931;">
    AN HBCU LIKE NONE OTHER! </h1>
    Element selector:
    h1
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.98 (foreground color: #fac3ab, background color: #f2682b, font size: 36.0pt (48px), font weight: normal). Expected contrast ratio of 3:1 h1 #video
  4. <a href="https://www.langston.edu/marchingpride" role="button" title="Learn more about our Top 10 in HBCU Division II Bands">
    Learn More </a>
    Element selector:
    #slide2 > .txt[data-lax-translate-x_large="(vh) 0, (-elh) 50"][data-lax-anchor="self"] > a[role="button"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.09 (foreground color: #ffffff, background color: #f2682b, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #slide2 > .txt[data-lax-translate-x_large="(vh) 0, (-elh) 50"][data-lax-anchor="self"] > a[role="button"]
  5. <a href="https://www.langston.edu/search/node/goat" role="button" title="Learn more about our GOAT Research">
    Learn More </a>
    Element selector:
    #slide3 > .txt[data-lax-translate-x_large="(vh) 0, (-elh) 50"][data-lax-anchor="self"] > a[role="button"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.09 (foreground color: #ffffff, background color: #f2682b, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #slide3 > .txt[data-lax-translate-x_large="(vh) 0, (-elh) 50"][data-lax-anchor="self"] > a[role="button"]
  6. <a href="https://www.langston.edu/arts-and-sciences" role="button" title="Learn more about our Lasting STEM Studies">
    Study STEM </a>
    Element selector:
    #slide4 > .txt[data-lax-translate-x_large="(vh) 0, (-elh) 50"][data-lax-anchor="self"] > a[role="button"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.09 (foreground color: #ffffff, background color: #f2682b, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 #slide4 > .txt[data-lax-translate-x_large="(vh) 0, (-elh) 50"][data-lax-anchor="self"] > a[role="button"]
  7. <a role="button" title="View all news." href="/news">View All</a>
    Element selector:
    a[title="View all news."][href$="news"][role="button"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.09 (foreground color: #ffffff, background color: #f2682b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 a[title="View all news."][href$="news"][role="button"]
  8. <a role="button" title="View all news." href="/events">View All</a>
    Element selector:
    a[title="View all news."][href$="events"][role="button"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.09 (foreground color: #ffffff, background color: #f2682b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 a[title="View all news."][href$="events"][role="button"]

Frames must have an accessible name

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2
  1. <iframe src="https://www.youtube.com/embed/M6rtm7MgV68" frameborder="0" allowfullscreen="">
    </iframe>
    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"

<html> element must have a lang attribute

serious

Ensures every HTML document has a lang attribute. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 3.1.1, EN-301-549, EN-9.3.1.1, ACT
  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#">
    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.

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