Page Scan Results:
A PLACE TO CALL HOME
https://www.redlandscc.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 Summary
Known Issues 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 href="/admissions">Admissions Information</a>Element selector:.home-page-btn > a[href$="admissions"]Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1
.home-page-btn > a[href$="admissions"]
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="/enrollment-information">Apply Now</a>Element selector:.home-page-btn > a[href$="enrollment-information"]Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1
.home-page-btn > a[href$="enrollment-information"]
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="btn btn-primary" href="/paying-redlands" role="button">Paying for Redlands</a>Element selector:.btn[href$="paying-redlands"][role="button"]Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
.btn[href$="paying-redlands"][role="button"]
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="btn btn-primary" href="/academics" role="button">Explore Programs</a>Element selector:.btn[href$="academics"][role="button"]Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
.btn[href$="academics"][role="button"]
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="btn btn-primary" href="/life-redlands" role="button">Life at Redlands</a>Element selector:.btn[href$="life-redlands"][role="button"]Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
.btn[href$="life-redlands"][role="button"]
-
Element has insufficient color contrast of 3.08 (foreground color: #ffffff, background color: #ae8f40, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
-
<p>© 2008-2020 Redlands Community College. Site by <a class="footer-link" href="http://mrwconnected.com">MRW</a>.</p>Element selector:.col-md-5 > pFailing 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 have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="#" class="menu-mobile hidden-lg hidden-md"> </a>Element selector:.menu-mobileFailing 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_linksFailing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
ARIA roles used must conform to valid values
Ensures all elements with a role attribute use a valid value. Axe Reference
-
<div role="bottom-content" class="bottom-container container">Element selector:.bottom-container.container[role="bottom-content"]:nth-child(3)Failing checks (All of these should pass)
- Role must be one of the valid ARIA roles: bottom-content
-
<div role="bottom-content" class="bottom-container container">Element selector:.grey-container > .bottom-container.container[role="bottom-content"]Failing checks (All of these should pass)
- Role must be one of the valid ARIA roles: bottom-content
-
<div role="bottom-content" class="bottom-container container">Element selector:.bottom-container.container[role="bottom-content"]:nth-child(5)Failing checks (All of these should pass)
- Role must be one of the valid ARIA roles: bottom-content
Frames must have an accessible name
Ensures <iframe> and <frame> elements have an accessible name. Axe Reference
-
<iframe allowtransparency="true" frameborder="0" height="166" scrolling="no" src="https://cdn.yoshki.com/iframe/54732.html" width="150"></iframe>Element selector:iframe[allowtransparency="true"]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"
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://twitter.com/JayNiehues" target="_blank">@JayNiehues</a>Element selector:a[href$="JayNiehues"]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)
.owl-item:nth-child(1) > .item > .twitter-feed > div > .tweet-section > .tweet-content > p -
The link has no styling (such as underline) to distinguish it from the surrounding text
.owl-item:nth-child(1) > .item > .twitter-feed > div > .tweet-section > .tweet-content > p
-
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)
-
<a href="https://t.co/dKDItyGJrI" target="_blank">https://t.co/dKDItyGJrI</a>Element selector:a[href$="dKDItyGJrI"]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)
.owl-item:nth-child(1) > .item > .twitter-feed > div > .tweet-section > .tweet-content > p -
The link has no styling (such as underline) to distinguish it from the surrounding text
.owl-item:nth-child(1) > .item > .twitter-feed > div > .tweet-section > .tweet-content > p
-
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)
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:.applyFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.top_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
.top_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
.top_banner
-
Element's background color could not be determined due to a background gradient
-
<a href="/index.php/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
.top_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) > aFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.top_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
.top_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-rightFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.top_banner
-
Element's background color could not be determined due to a background gradient
-
<h4 aria-level="1">EXPLORE HOW EASY IT IS TO JOIN THE REDLANDS COMMUNITY</h4>Element selector:h4Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.top_banner
-
Element's background color could not be determined due to a background gradient
-
<h1>A PLACE TO CALL HOME</h1>Element selector:h1Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.top_banner
-
Element's background color could not be determined due to a background gradient
-
<div class="news_heading col-sm-12">Campus announcements, important information, and more.</div>Element selector:.news_heading.col-sm-12Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<p>One of the most beneficial opportunities of taking concurrent classes is that I was able to start my college career as a sophomore instead of a freshman, due to the number of hours I had already completed. </p>Element selector:.dp_descipt > pFailing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements