www.seosmooth.com

# Fix Fix color contrast

## CONTEXT
- Page: https://www.seosmooth.com/
- Issue: Insufficient color contrast
- Impact: SERIOUS
- Standard: WCAG 1.4.3 Contrast (Minimum) (Level AA)

## WHY IT FAILS
Text-to-background contrast falls below 4.5:1 for normal text or 3:1 for large text.

## ELEMENT
```html
<span class="elementor-icon-list-text">
```

**Selector:** `ul.elementor-icon-list-items > li.elementor-icon-list-item > a > span.elementor-icon-list-text`

## HOW TO FIX
- Darken the text color or lighten the background until the ratio passes.
- Use a tool like contrast-ratio.com to verify before shipping.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/color-contrast>

# Fix Fix aria-allowed-attr violation

## CONTEXT
- Page: https://www.seosmooth.com/
- Issue: Accessibility violation flagged by axe-core
- Impact: SERIOUS
- Standard: WCAG 2.2 (see violation details)

## WHY IT FAILS
Lighthouse / axe-core flagged this rule. See helpUrl for the full reference.

## ELEMENT
```html
<a class="elementor-item has-submenu" id="sm-17780795718142312-1" aria-haspopup="true" aria-controls="sm-17780795718142312-2" aria-expanded="false">
```

**Selector:** `nav.elementor-nav-menu--main > ul#menu-1-638fb9e > li.menu-item > a#sm-17780795718142312-1`

## HOW TO FIX
- Open the help URL for the canonical fix recipe.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/aria-allowed-attr>

# Fix Fix heading hierarchy

## CONTEXT
- Page: https://www.seosmooth.com/
- Issue: Heading levels are out of sequence
- Impact: SERIOUS
- Standard: WCAG 1.3.1 Info and Relationships (Level A)

## WHY IT FAILS
Headings skip levels (e.g. h2 → h4) and break the document outline.

## ELEMENT
```html
<h4 class="elementor-heading-title elementor-size-default">
```

**Selector:** `div.elementor-column > div.elementor-widget-wrap > div.elementor-element > h4.elementor-heading-title`

## HOW TO FIX
- Renumber headings so they go in order: h1 → h2 → h3 with no skips.
- Reserve a single `<h1>` for the page title.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/heading-order>

# Fix Fix target-size violation

## CONTEXT
- Page: https://www.seosmooth.com/
- Issue: Accessibility violation flagged by axe-core
- Impact: SERIOUS
- Standard: WCAG 2.2 (see violation details)

## WHY IT FAILS
Lighthouse / axe-core flagged this rule. See helpUrl for the full reference.

## ELEMENT
```html
<button class="rpi-dot active s1" data-index="0" aria-label="Go to page 0">
```

**Selector:** `div.grw-content-inner > div.rpi-dots-wrap > div.rpi-dots > button.rpi-dot`

## HOW TO FIX
- Open the help URL for the canonical fix recipe.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/target-size>

# Fix Fix aria-command-name violation

## CONTEXT
- Page: https://www.seosmooth.com/
- Issue: Accessibility violation flagged by axe-core
- Impact: SERIOUS
- Standard: WCAG 2.2 (see violation details)

## WHY IT FAILS
Lighthouse / axe-core flagged this rule. See helpUrl for the full reference.

## ELEMENT
```html
<div id="elementor-tab-title-1562" class="elementor-tab-title" data-tab="2" role="button" aria-controls="elementor-tab-content-1562" aria-expanded="false">
```

**Selector:** `div.elementor-element > div.elementor-accordion > div.elementor-accordion-item > div#elementor-tab-title-1562`

## HOW TO FIX
- Open the help URL for the canonical fix recipe.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/aria-command-name>