Page Scan Results:

Cosmetology Salon

https://tricountytech.edu/services/salon Scanned Sep. 17, 2023 at 9:11 PM

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: 58
<li> elements must be contained in a <ul> or <ol>: 6
ARIA commands must have an accessible name: 2
Frames must have an accessible name: 2
Links must be distinguishable without relying on color: 1
Interactive controls must not be nested: 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

```
<a href="tel:918.331.3236">918.331.3236</a>
```
Element selector:
strong > a[href="tel:918.331.3236"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 #main
```
<a href="https://tricountytech.edu/services/salon-online-booking/">book online</a>
```
Element selector:
strong > a:nth-child(2)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 #main
```
<a href="tel:918.331.3236">918.331.3236</a>
```
Element selector:
p:nth-child(2) > a[href="tel:918.331.3236"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 #main
```
<a href="https://tricountytech.edu/contact-us/">Contact Us</a>
```
Element selector:
button > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 button
```
<a href="#" class="pull-right">Back to top <i class="icon-circle-arrow-up"></i></a>
```
Element selector:
a[href="#"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 #main
```
<h2 class="widgettitle">Be in the Know!</h2>
```
Element selector:
#custom_html-19 > .widgettitle
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<h2 class="widgettitle">Campus Services</h2>
```
Element selector:
#nav_menu-64 > .widgettitle
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/assessment-center">Assessment Center</a>
```
Element selector:
#menu-campus-services > .menu-assessment-center > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/childcare">Early Learning Lab</a>
```
Element selector:
#menu-campus-services > .menu-early-learning-lab > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/salon" aria-current="page">Cosmetology Salon</a>
```
Element selector:
#menu-campus-services > .menu-cosmetology-salon.active > a[aria-current="page"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/culinary-hospitality">Culinary &amp; Hospitality</a>
```
Element selector:
#menu-campus-services > .menu-culinary-hospitality > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/dental-hygiene">Dental Hygiene Clinic</a>
```
Element selector:
#menu-campus-services > .menu-dental-hygiene-clinic > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/fitness-center">Fitness Center</a>
```
Element selector:
#menu-campus-services > .menu-fitness-center > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/osage-market">Osage Market</a>
```
Element selector:
#menu-campus-services > .menu-osage-market > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<h2 class="widgettitle">Culinary &amp; Hospitality</h2>
```
Element selector:
#nav_menu-63 > .widgettitle
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/campus-events">Campus Events</a>
```
Element selector:
#menu-culinary-hospitality > .menu-campus-events > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/catering">Catering Services</a>
```
Element selector:
#menu-culinary-hospitality > .menu-catering-services > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/culinary-hospitality">Culinary &amp; Hospitality</a>
```
Element selector:
#menu-culinary-hospitality > .menu-culinary-hospitality > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/osage-market">Osage Market</a>
```
Element selector:
#menu-culinary-hospitality > .menu-osage-market > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/facility-rentals">Room Rentals</a>
```
Element selector:
#menu-culinary-hospitality > .menu-room-rentals > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<h2 class="widgettitle">Community Education</h2>
```
Element selector:
#nav_menu-71 > .widgettitle
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/experiences/act-workshop">Chad Cargill ACT Prep Workshop</a>
```
Element selector:
.menu-chad-cargill-act-prep-workshop > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/experiences/drivers-education">Driver’s Education</a>
```
Element selector:
#menu-community-education-resources > .menu-drivers-education > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/experiences/transcript-request">Transcript Request</a>
```
Element selector:
#menu-community-education-resources > .menu-transcript-request > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/?page_id=14599">STEAM Summer Camps</a>
```
Element selector:
.menu-steam-summer-camps > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<h2 class="widgettitle">Follow us on Facebook</h2>
```
Element selector:
#custom_html-16 > .widgettitle
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<h2 class="widgettitle">Programs</h2>
```
Element selector:
#nav_menu-43 > .widgettitle
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/awt">Applied Welding Technology</a>
```
Element selector:
.menu-applied-welding-technology > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/acr">Automotive Collision Repair</a>
```
Element selector:
.menu-automotive-collision-repair > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/ast">Automotive Service Technology</a>
```
Element selector:
.menu-automotive-service-technology > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/crn">Computer Repair &amp; Networking</a>
```
Element selector:
.menu-computer-repair-networking > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/cst">Construction Technology</a>
```
Element selector:
.menu-construction-technology > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/cmc">Creative Marketing</a>
```
Element selector:
.menu-creative-marketing > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/cos">Cosmetology</a>
```
Element selector:
.menu-cosmetology > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/cul">Culinary Arts</a>
```
Element selector:
.menu-culinary-arts > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/da">Drones &amp; Aviation</a>
```
Element selector:
.menu-drones-aviation > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/ece">Early Care &amp; Education</a>
```
Element selector:
.menu-early-care-education > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/ep">Energy &amp; Power</a>
```
Element selector:
.menu-energy-power > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/med">Medicine &amp; Biosciences</a>
```
Element selector:
.menu-medicine-biosciences > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/eng">Pre-Engineering</a>
```
Element selector:
.menu-pre-engineering > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/nrs">Nursing Assistant</a>
```
Element selector:
.menu-nursing-assistant > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/pmo">Precision Machining Operations</a>
```
Element selector:
.menu-precision-machining-operations > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/highschool/tpp">Teacher Prep</a>
```
Element selector:
.menu-teacher-prep > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/campus-events">Campus Events</a>
```
Element selector:
#menu-culinary-hospitality-1 > .menu-campus-events > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/catering">Catering Services</a>
```
Element selector:
#menu-culinary-hospitality-1 > .menu-catering-services > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/culinary-hospitality">Culinary &amp; Hospitality</a>
```
Element selector:
#menu-culinary-hospitality-1 > .menu-culinary-hospitality > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/osage-market">Osage Market</a>
```
Element selector:
#menu-culinary-hospitality-1 > .menu-osage-market > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<a href="https://tricountytech.edu/services/facility-rentals">Room Rentals</a>
```
Element selector:
#menu-culinary-hospitality-1 > .menu-room-rentals > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body
```
<i>
```
Element selector:
.social > i
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1 .social-media:nth-child(2)
```
<a href="https://tricountytech.edu/staff/tara-stevens/">Tara Stevens, Director of HR &amp; Compliance Officer</a>
```
Element selector:
i > a:nth-child(1)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1 .social-media:nth-child(2)
```
<a href="mailto:tara.stevens@tricountytech.edu">Tara.Stevens@TriCountyTech.edu</a>
```
Element selector:
i > a:nth-child(2)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1 .social-media:nth-child(2)
```
<a href="https://tricountytech.edu/privacy-policy/">privacy policy</a>
```
Element selector:
i > a:nth-child(3)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1 .social-media:nth-child(2)
```
<a href="https://drive.google.com/file/d/1uxeQBbMJIFUgcqUSQHlQnKmex_SxvYHz/view">non-discrimination policy</a>
```
Element selector:
i > a:nth-child(4)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1 .social-media:nth-child(2)
```
<a href="http://bitly.com/NDTitle-IX">OSSBA Workshop Resources</a>
```
Element selector:
a[href$="NDTitle-IX"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1 .social-media:nth-child(2)
```
<i>BUSINESS TRAINING&nbsp;</i>
```
Element selector:
.footer-links > a:nth-child(1) > i
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 .footer
```
<i>EMPLOYMENT&nbsp;</i>
```
Element selector:
.footer-links > a:nth-child(2) > i
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 .footer
```
<i>OSDE FINANCIAL</i>
```
Element selector:
a[target="blank"] > i
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 .footer
```
<i>STUDENT RESOURCES&nbsp;</i>
```
Element selector:
.footer-links > a:nth-child(4) > i
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 .footer

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1

```
<li id="custom_html-19" class="widget_text widget-1 widget-first widget widget_custom_html">
```
Element selector:
#custom_html-19
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li id="nav_menu-64" class="widget-2 widget widget_nav_menu">
```
Element selector:
#nav_menu-64
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li id="nav_menu-63" class="widget-3 widget widget_nav_menu">
```
Element selector:
#nav_menu-63
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li id="nav_menu-71" class="widget-4 widget widget_nav_menu">
```
Element selector:
#nav_menu-71
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li id="custom_html-16" class="widget_text widget-5 widget widget_custom_html">
```
Element selector:
#custom_html-16
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li id="nav_menu-43" class="widget-6 widget-last widget widget_nav_menu">
```
Element selector:
#nav_menu-43
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element

ARIA commands must have an accessible name

serious

Ensures every ARIA button, link and menuitem has an accessible name. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2, ACT

```
<a role="button" style="
all: initial;
z-index: 10000;
outline: none;
border: none;
position: fixed;
height: 54px;
width: 54px;
bottom: 16px;
right: 16px;
border-radius: 50%;
transition: all 0.3s ease-out;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: #569BBE;
box-shadow: none;
">
```
Element selector:
a[role="button"]:nth-child(45)
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
```
<a role="button" style="
all: initial;
z-index: 10000;
outline: none;
border: none;
position: fixed;
height: 54px;
width: 54px;
bottom: 16px;
right: 16px;
border-radius: 50%;
transition: all 0.3s ease-out;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: #569BBE;
box-shadow: none;
">
```
Element selector:
a[role="button"]:nth-child(47)
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

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

```
<iframe class="cui-embed-frame" id="cui-biGrzP" src="https://admin.typeform.com/c/biGrzP?typeform-cui-avatar=&amp;typeform-cui-transparency=&amp;typeform-embed=cui-pill&amp;typeform-medium=embed-cui_pill&amp;typeform-client=conversations" frameborder="0" height="100%" width="100%" style="display: block; z-index: 2147483647;">
```
Element selector:
article[data-cui-injected="true"]:nth-child(44) > .cui-embed-frame[height="100%"][width="100%"]
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 class="cui-embed-frame" id="cui-biGrzP" src="https://admin.typeform.com/c/biGrzP?typeform-cui-avatar=&amp;typeform-cui-transparency=&amp;typeform-embed=cui-pill&amp;typeform-medium=embed-cui_pill&amp;typeform-client=conversations" frameborder="0" height="100%" width="100%" style="display: block; z-index: 2147483647;">
```
Element selector:
article[data-cui-injected="true"]:nth-child(46) > .cui-embed-frame[height="100%"][width="100%"]
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

```
<a href="tel:918.331.3236">918.331.3236</a>
```
Element selector:
p:nth-child(2) > a[href="tel:918.331.3236"]
Failing checks (At least one of these should pass)
- The link has insufficient color contrast of 2.51:1 with the surrounding text. (Minimum contrast is 3:1, link text: #569bbe, surrounding text: #375765) #section-3 > p:nth-child(2)
- The link has no styling (such as underline) to distinguish it from the surrounding text #section-3 > p:nth-child(2)

Interactive controls must not be nested

serious

Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2

<button style="width: 300px;" type="button"><br>
<a href="https://tricountytech.edu/contact-us/">Contact Us</a><br>
</button>

Element selector:

button

Failing checks (At least one of these should pass)

Element has focusable descendants button > a

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

Elements must meet minimum color contrast ratio thresholds: 9
IDs used in ARIA and labels must be unique: 1

Needs Review 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

```
<h1>Cosmetology Salon</h1>
```
Element selector:
#landing-banner > .container > h1
Failing checks (At least one of these should pass)
- Unable to determine contrast ratio
```
<h3 style="margin-top: 10px;">Hair Services</h3>
```
Element selector:
.span4:nth-child(1) > .homepage-blocks-1 > h3
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 .span4:nth-child(1) > .homepage-blocks-1
```
<h3 style="margin-top: 10px;">All Over Color &amp; Bleach</h3>
```
Element selector:
.span4:nth-child(2) > .homepage-blocks-1 > h3
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 .span4:nth-child(2) > .homepage-blocks-1
```
<h3 style="margin-top: 10px;">Foil Highlights or Balayage</h3>
```
Element selector:
.span4:nth-child(3) > .homepage-blocks-1 > h3
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 .span4:nth-child(3) > .homepage-blocks-1
```
<h3 style="margin-top: 10px;">Perms</h3>
```
Element selector:
.span4:nth-child(4) > .homepage-blocks-1 > h3
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 .span4:nth-child(4) > .homepage-blocks-1
```
<h3 style="margin-top: 10px;">Manicuring Services</h3>
```
Element selector:
.span4:nth-child(5) > .homepage-blocks-1 > h3
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 .span4:nth-child(5) > .homepage-blocks-1
```
<h3 style="margin-top: 10px;">Artificial Nails</h3>
```
Element selector:
.span4:nth-child(6) > .homepage-blocks-1 > h3
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 .span4:nth-child(6) > .homepage-blocks-1
```
<h3 style="margin-top: 10px;">Facial Services</h3>
```
Element selector:
.span4:nth-child(7) > .homepage-blocks-1 > h3
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 .span4:nth-child(7) > .homepage-blocks-1
```
<h3 style="margin-top: 10px;">Waxing Services</h3>
```
Element selector:
.span4:nth-child(8) > .homepage-blocks-1 > h3
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 .span4:nth-child(8) > .homepage-blocks-1

IDs used in ARIA and labels must be unique

critical

Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2

```
<input type="text" value="" name="s" id="s" class="search-query">
```
Element selector:
.visible-desktop > .search-query[type="text"][value=""]
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: s input[placeholder="Search Tri County Tech"]

Page Scan Results: Cosmetology Salon

Known Issues Summary

Known Issues on This Page

Elements must meet minimum color contrast ratio thresholds

<li> elements must be contained in a <ul> or <ol>

ARIA commands must have an accessible name

Frames must have an accessible name

Links must be distinguishable without relying on color

Interactive controls must not be nested

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

IDs used in ARIA and labels must be unique

Page Scan Results:

Cosmetology Salon