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/
**Detected:** WordPress · Divi Builder
**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 (Divi Builder):**
1. Edit the page with Divi Builder (Wireframe View helps).
2. Find the matching section/row/module using 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"].
3. Adjust text/background colors to meet at least 4.5:1:1 contrast.
4. Try text color #0048a6 and verify with a contrast checker.
**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/
**Detected:** WordPress · Divi Builder
**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 (Divi Builder):**
1. Edit the page with Divi Builder (Wireframe View helps).
2. Find the matching section/row/module using 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/"].
3. Adjust text/background colors to meet at least 4.5:1:1 contrast.
4. Try text color #a6a6a6 and verify with a contrast checker.
**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/
**Detected:** WordPress · Divi Builder
**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 (Divi Builder):**
1. Edit the page with Divi Builder (Wireframe View helps).
2. Find the matching section/row/module using selector: a[href$="testimonials/"].
3. Set descriptive visible link text, or add an aria-label that describes destination/purpose.
4. Avoid ambiguous labels like “click here” without context.
**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/
**Detected:** WordPress · Divi Builder
**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 (Divi Builder):**
1. Edit the page with Divi Builder (Wireframe View helps).
2. Find the matching section/row/module using selector: .et_pb_module_header.
3. Adjust heading level to keep hierarchy sequential (H1 → H2 → H3).
4. Do not skip heading levels for visual styling alone.
**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/
**Detected:** WordPress · Divi Builder
**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 (Divi Builder):**
1. Edit the page with Divi Builder (Wireframe View helps).
2. Find the matching section/row/module using selector: p:nth-child(4) > a[href="/"].
3. Adjust text/background colors to meet at least 4.5:1:1 contrast.
4. Try text color #0048a6 and verify with a contrast checker.
**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