Become a Certified Mental Performance Coach | Online Diploma The Mental Performance Coaching Institute

# Fix Color Contrast – WCAG 1.4.3 / ADA Title III
**Page:** https://thempci.com/?ref=onepagelove
**Selector:** .elementor-element-8060634 > .elementor-button.elementor-button-link.elementor-size-sm > .elementor-button-content-wrapper > .elementor-button-text
**Current state:**
- Text color:  #ffffff
- Background:  #9a62f4
- Ratio:       3.86:1
**Required:** 4.5:1:1 (WCAG AA / ADA Title III)
**Fix (Elementor):**
1. Select the element: .elementor-element-8060634 > .elementor-button.elementor-button-link.elementor-size-sm > .elementor-button-content-wrapper > .elementor-button-text
2. Style tab → Typography → Text Color
3. Change to: #a6a6a6
(This should achieve ≥ 4.5:1:1 contrast)
**Suggested color:** #a6a6a6
Use a contrast checker (e.g. https://webaim.org/resources/contrastchecker/) to verify.
**Standards:** ADA Title III · WCAG 2.2 1.4.3 · Section 508

# Fix Color Contrast – WCAG 1.4.3 / ADA Title III
**Page:** https://thempci.com/?ref=onepagelove
**Selector:** #diploma > .elementor-icon-box-wrapper > .elementor-icon-box-content > .elementor-icon-box-title > span
**Current state:**
- Text color:  #9a62f4
- Background:  #f5f3ef
- Ratio:       3.49:1
**Required:** 4.5:1:1 (WCAG AA / ADA Title III)
**Fix (Elementor):**
1. Select the element: #diploma > .elementor-icon-box-wrapper > .elementor-icon-box-content > .elementor-icon-box-title > span
2. Style tab → Typography → Text Color
3. Change to: #64409f
(This should achieve ≥ 4.5:1:1 contrast)
**Suggested color:** #64409f
Use a contrast checker (e.g. https://webaim.org/resources/contrastchecker/) to verify.
**Standards:** ADA Title III · WCAG 2.2 1.4.3 · Section 508

# Fix Empty Link – WCAG 4.1.2 / ADA Title III
**Page:** https://thempci.com/?ref=onepagelove
**Selector:** .elementor-element-4cee658 > a[href$="thempci.com"]
**Element:** <a href="https://thempci.com">
**Problem:**
Link has no accessible name. Screen reader users cannot determine its purpose.
**Fix (Elementor):**
1. Find the link widget or button using selector above
2. Add descriptive text, or set an aria-label attribute
3. Example: <a href="…" aria-label="Read our accessibility guide">Learn more</a>
**Standards:** ADA Title III · WCAG 2.2 4.1.2 · Section 508

# Fix Heading Order – WCAG 1.3.1 / ADA Title III
**Page:** https://thempci.com/?ref=onepagelove
**Selector:** .elementor-element-18f8726 > .elementor-icon-box-wrapper > .elementor-icon-box-content > h4
**Element:** <h4 class="elementor-icon-box-title">
<span>
Comprehensive Learning						</span>
</h4>
**Problem:**
Heading levels are not sequential (e.g. H1 → H3, skipping H2).
Screen reader users rely on heading hierarchy to navigate content.
**Fix (Elementor):**
1. Find the heading widget using the selector above
2. Content tab → HTML Tag → change to the correct level
3. Maintain H1 → H2 → H3 order. Never skip levels.
**Note:** Only one H1 per page. All section headings should be H2.
Sub-section headings should be H3, and so on.
**Standards:** ADA Title III · WCAG 2.2 1.3.1 · Section 508

# Fix Color Contrast – WCAG 1.4.3 / ADA Title III
**Page:** https://thempci.com/?ref=onepagelove
**Selector:** .swiper-slide-active > .elementor-element-fee5776.module-wrapper[data-id="fee5776"] > .elementor-element-5a088f8.e-con-full[data-id="5a088f8"] > .elementor-element-307dbc1.elementor-widget-heading[data-id="307dbc1"] > .elementor-heading-title.elementor-size-default
**Current state:**
- Text color:  #9a62f4
- Background:  #ffffff
- Ratio:       3.86:1
**Required:** 4.5:1:1 (WCAG AA / ADA Title III)
**Fix (Elementor):**
1. Select the element: .swiper-slide-active > .elementor-element-fee5776.module-wrapper[data-id="fee5776"] > .elementor-element-5a088f8.e-con-full[data-id="5a088f8"] > .elementor-element-307dbc1.elementor-widget-heading[data-id="307dbc1"] > .elementor-heading-title.elementor-size-default
2. Style tab → Typography → Text Color
3. Change to: #64409f
(This should achieve ≥ 4.5:1:1 contrast)
**Suggested color:** #64409f
Use a contrast checker (e.g. https://webaim.org/resources/contrastchecker/) to verify.
**Standards:** ADA Title III · WCAG 2.2 1.4.3 · Section 508