Page Scan Results:
Campus Tours
https://www.redlandscc.edu/index.php/campus-tours
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
- Links must have discernible text
-
4
- <li> elements must be contained in a <ul> or <ol>
-
4
- Frames must have an accessible name
-
3
- Required ARIA attributes must be provided
-
1
- Elements must meet minimum color contrast ratio thresholds
-
1
- Links must be distinguishable without relying on color
-
1
- <ul> and <ol> must only directly contain <li>, <script> or <template> elements
-
1
Known Issues on This Page
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="#" class="menu-mobile hidden-lg hidden-md"> </a>
Element selector:.menu-mobile
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
-
<a href="https://www.facebook.com/RedlandsCougars/"><i class="fa fa-facebook" aria-hidden="true"></i></a>
Element selector:.social_links > a:nth-child(1)
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
-
<a href="https://twitter.com/redlandscougars/"><i class="fa fa-twitter" aria-hidden="true"></i></a>
Element selector:.social_links > a:nth-child(2)
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
-
<a href="https://www.instagram.com/redlands_community_college"><i class="fa fa-instagram" aria-hidden="true"></i></a>
Element selector:.social_links > a:nth-child(3)
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
<li> elements must be contained in a <ul> or <ol>
Ensures <li> elements are used semantically. Axe Reference
-
<li><a href="/sitemap">Sitemap</a></li>
Element selector:.col-md-7 > li:nth-child(1)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li><a href="/privacy">Privacy</a></li>
Element selector:.col-md-7 > li:nth-child(2)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li><a href="/accessibility">Accessibility Statement</a></li>
Element selector:.col-md-7 > li:nth-child(3)
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
-
<li class="social_links">
Element selector:.social_links
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
Frames must have an accessible name
Ensures <iframe> and <frame> elements have an accessible name. Axe Reference
-
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/9wRJx54Tzv0" width="560"></iframe>
Element selector:iframe[allowfullscreen=""]
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"
-
<iframe allowtransparency="true" frameborder="0" height="166" scrolling="no" src="https://cdn.yoshki.com/iframe/54732.html" width="150"></iframe>
Element selector:iframe[height="166"]
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"
-
<iframe src="javascript:false" style="width: 0px; height: 0px; border: 0px;"></iframe>
Element selector:iframe[src="javascript:false"]
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"
Required ARIA attributes must be provided
Ensures elements with ARIA roles have all required ARIA attributes. Axe Reference
-
<div class="heading" role="heading"> <div class="region region-header"> <div data-drupal-messages-fallback="" class="hidden"></div> <h1 class="page-header"> <span property="schema:name">Campus Tours</span> </h1> </div> </div>
Element selector:.heading
Failing checks (At least one of these should pass)
- Required ARIA attribute not present: aria-level
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<p>© 2008-2020 Redlands Community College. Site by <a class="footer-link" href="http://mrwconnected.com">MRW</a>.</p>
Element selector:.col-md-5 > p
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.7 (foreground color: #656161, background color: #1e1e27, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1
.copy-right
-
Element has insufficient color contrast of 2.7 (foreground color: #656161, background color: #1e1e27, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a href="https://www.redlandscc.edu/life-redlands/student-housing">virtual tour</a>
Element selector:p:nth-child(7) > a
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.53:1 with the surrounding text. (Minimum contrast is 3:1, link text: #7e1416, surrounding text: #5a596a)
p:nth-child(7)
-
The link has no styling (such as underline) to distinguish it from the surrounding text
p:nth-child(7)
-
The link has insufficient color contrast of 1.53:1 with the surrounding text. (Minimum contrast is 3:1, link text: #7e1416, surrounding text: #5a596a)
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Ensures that lists are structured correctly. Axe Reference
-
<ul><li>First-hand view of campus.</li> <p></p> <li>Information and insight from a current student.</li> <p></p> <li>A view of learning and recreational facilities.</li> <p></p> <li>A glimpse of life at Cougar Crossing.</li> <p></p> <li>Answers to all of your questions!</li> </ul>
Element selector:div[property="schema:text"] > ul
Failing checks (All of these should pass)
-
List element has direct children that are not allowed: p
ul > p:nth-child(2)
ul > p:nth-child(4)
p:nth-child(6)
ul > p:nth-child(8)
-
List element has direct children that are not allowed: p
Needs Review - These "incomplete" issues may be problematic, but couldn't be completely tested automatically. They should be reviewed by a real person.
Needs Review Summary
Needs Review on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<a class="top-links apply" href="/enrollment-information"><i class="fa fa-edit"></i> Apply</a>
Element selector:.apply
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.inner-banner
-
Element's background color could not be determined due to a background gradient
-
<a class="top-links" href="/request-info">Request Info</a>
Element selector:a[href$="request-info"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.inner-banner
-
Element's background color could not be determined due to a background gradient
-
<a class="top-links" href="/campus-tours">Campus Tours</a>
Element selector:.top-links[href$="campus-tours"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.inner-banner
-
Element's background color could not be determined due to a background gradient
-
<a href="/directory" data-drupal-link-system-path="node/1958">Directory</a>
Element selector:#block-topmenu-2 > .navbar-right.hidden-sm.nav > li:nth-child(1) > a[href$="directory"][data-drupal-link-system-path="node/1958"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.inner-banner
-
Element's background color could not be determined due to a background gradient
-
<a href="https://selfservice.redlandscc.edu/Student/Courses">Class Schedules</a>
Element selector:#block-topmenu-2 > .navbar-right.hidden-sm.nav > li:nth-child(2) > a
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.inner-banner
-
Element's background color could not be determined due to a background gradient
-
<a href="https://go.redlandscc.edu">Go Redlands</a>
Element selector:#block-topmenu-2 > .navbar-right.hidden-sm.nav > li:nth-child(3) > a[href$="go.redlandscc.edu"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.inner-banner
-
Element's background color could not be determined due to a background gradient
-
<div class="hidden-lg hidden-md text-right">Menu</div>
Element selector:.text-right
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.inner-banner
-
Element's background color could not be determined due to a background gradient
-
<a href="/index.php/admissions" data-simple-mega-menu="3" data-drupal-link-system-path="node/2290">Admissions</a>
Element selector:a[data-drupal-link-system-path="node/2290"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
.main-container
-
Element's background color could not be determined because it's partially obscured by another element