Page Scan Results:
The SWOSU Bookstore

https://www.swosu.edu/bookstore/

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

Elements must meet minimum color contrast ratio thresholds
9
Frames must have an accessible name
1
Links must be distinguishable without relying on color
1

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="current">Alma Mater Merc</li>
    Element selector:
    .current
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.47 (foreground color: #757576, background color: #fbfcfc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .breadcrumb > .clearfix 
  2. <div class="fact-box center bg-gray">
    Element selector:
    .fact-box.bg-gray.center:nth-child(2)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.49 (foreground color: #6c6e71, background color: #f0f0f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .fact-box.bg-gray.center:nth-child(2) 
  3. <h3>Fall &amp; Spring Hours</h3>
    Element selector:
    h3:nth-child(2)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.7 (foreground color: #d05503, background color: #f0f0f1, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 .fact-box.bg-gray.center:nth-child(2) 
  4. <p>Monday - Thursday<br>7:30 am - 9 pm</p>
    Element selector:
    .fact-box.bg-gray.center:nth-child(2) > p:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.49 (foreground color: #6c6e71, background color: #f0f0f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .fact-box.bg-gray.center:nth-child(2) 
  5. <p>Friday<br>7:30 am - 5 pm</p>
    Element selector:
    .fact-box.bg-gray.center:nth-child(2) > p:nth-child(4)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.49 (foreground color: #6c6e71, background color: #f0f0f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .fact-box.bg-gray.center:nth-child(2) 
  6. <p>Saturday &amp; Sunday<br>3 pm - 9 pm</p>
    Element selector:
    .fact-box.bg-gray.center:nth-child(2) > p:nth-child(5)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.49 (foreground color: #6c6e71, background color: #f0f0f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .fact-box.bg-gray.center:nth-child(2) 
  7. <h3>Summer Hours</h3>
    Element selector:
    h3:nth-child(6)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.7 (foreground color: #d05503, background color: #f0f0f1, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 .fact-box.bg-gray.center:nth-child(2) 
  8. <p>Monday - Friday<br>7:30 am - 4 pm<br>Closed Saturday &amp; Sunday</p>
    Element selector:
    p:nth-child(7)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.49 (foreground color: #6c6e71, background color: #f0f0f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .fact-box.bg-gray.center:nth-child(2) 
  9. <div class="fact-box center bg-gray">
    Element selector:
    .fact-box.bg-gray.center:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.49 (foreground color: #6c6e71, background color: #f0f0f1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .fact-box.bg-gray.center:nth-child(3)

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 style="border: 0px; margin: 0px auto; padding: 0px; display: block;" src="https://cdn.yoshki.com/iframe/54732.html" width="150" height="166" frameborder="0" scrolling="no"></iframe>
    Element selector:
    .center > 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"

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="https://map.concept3d.com?id=768#!m/96413?mc/35.53628167763148,-98.70907902717592?z/17" target="_blank" rel="noopener">103 East Davis Street</a>
    Element selector:
    .fact-box.bg-gray.center:nth-child(2) > a[target="_blank"][rel="noopener"]
    Failing checks (At least one of these should pass)
    • The link has insufficient color contrast of 1.69:1 with the surrounding text. (Minimum contrast is 3:1, link text: #0102fc, surrounding text: #6c6e71) .fact-box.bg-gray.center:nth-child(2)
    • The link has no styling (such as underline) to distinguish it from the surrounding text .fact-box.bg-gray.center:nth-child(2)