Expungement of DUI Conviction in California

# Fix Color Contrast – WCAG 1.4.3 / ADA Title III
**Page:** https://stg.recordzap.com/expungement-of-dui-conviction-in-california/
**Selector:** .df-am-container:nth-child(1) > .df-am-row.center-row > .row-inner > .right.df-am-col > .difl_advancedmenuitem_2_tb_header.df-menu-button[href="tel:866-301-5860"]
**Current state:**
- Text color:  #006eff
- Background:  #ffffff
- Ratio:       4.49:1
**Required:** 4.5:1:1 (WCAG AA / ADA Title III)
**Fix (Elementor):**
1. Select the element: .df-am-container:nth-child(1) > .df-am-row.center-row > .row-inner > .right.df-am-col > .difl_advancedmenuitem_2_tb_header.df-menu-button[href="tel:866-301-5860"]
2. Style tab → Typography → Text Color
3. Change to: #0048a6
(This should achieve ≥ 4.5:1:1 contrast)
**Suggested color:** #0048a6
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://stg.recordzap.com/expungement-of-dui-conviction-in-california/
**Selector:** .df-am-container:nth-child(1) > .df-am-row.center-row > .row-inner > .right.df-am-col > .difl_advancedmenuitem_3_tb_header.df-menu-button[href$="take-eligibility-test/"]
**Current state:**
- Text color:  #ffffff
- Background:  #006eff
- Ratio:       4.49:1
**Required:** 4.5:1:1 (WCAG AA / ADA Title III)
**Fix (Elementor):**
1. Select the element: .df-am-container:nth-child(1) > .df-am-row.center-row > .row-inner > .right.df-am-col > .difl_advancedmenuitem_3_tb_header.df-menu-button[href$="take-eligibility-test/"]
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 Empty Link – WCAG 4.1.2 / ADA Title III
**Page:** https://stg.recordzap.com/expungement-of-dui-conviction-in-california/
**Selector:** a[href$="testimonials/"]
**Element:** <a href="/testimonials/" style="color: #7f828c;"></a>
**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://stg.recordzap.com/expungement-of-dui-conviction-in-california/
**Selector:** .et_pb_module_header
**Element:** <h4 class="et_pb_module_header"><span>Phone</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://stg.recordzap.com/expungement-of-dui-conviction-in-california/
**Selector:** p:nth-child(4) > a[href="/"]
**Current state:**
- Text color:  #006eff
- Background:  #ffffff
- Ratio:       4.49:1
**Required:** 4.5:1:1 (WCAG AA / ADA Title III)
**Fix (Elementor):**
1. Select the element: p:nth-child(4) > a[href="/"]
2. Style tab → Typography → Text Color
3. Change to: #0048a6
(This should achieve ≥ 4.5:1:1 contrast)
**Suggested color:** #0048a6
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