full.services

# Fix Fix color contrast

## CONTEXT
- Page: https://full.services/
- 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>
```

**Selector:** `div.variable-product-prices > div.variation-price-card > div.card-header > span`

## 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 Give the link an accessible name

## CONTEXT
- Page: https://full.services/
- Issue: Link has no accessible name
- Impact: SERIOUS
- Standard: WCAG 2.4.4 Link Purpose / 4.1.2 Name, Role, Value (Level A)

## WHY IT FAILS
Screen readers announce this link with no purpose attached.

## ELEMENT
```html
<a href="https://full.services">
```

**Selector:** `div.elementor-element > div.e-con-inner > div.elementor-element > a`

## HOW TO FIX
- Put descriptive text inside the `<a>` tag, or set `aria-label` on the link.
- Avoid generic labels like "click here" or "read more"; describe the destination.

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

# Fix Fix aria-valid-attr violation

## CONTEXT
- Page: https://full.services/
- 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 class="e-contact-buttons e-contact-buttons-var-5 has-h-alignment-end has-v-alignm…" id="" data-document-id="216613" aria-role="dialog">
```

**Selector:** `div.elementor-element > div.e-con-inner > div.elementor-element > div.e-contact-buttons`

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

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

# Fix Fix heading hierarchy

## CONTEXT
- Page: https://full.services/
- 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-element > div.e-con-inner > 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 Add alternative text to image

## CONTEXT
- Page: https://full.services/
- Issue: Image missing alt text
- Impact: SERIOUS
- Standard: WCAG 1.1.1 Non-text Content (Level A)

## WHY IT FAILS
Screen readers cannot describe this image to non-sighted users.

## ELEMENT
```html
<img class="review_user__avatar___6evJ3" src="https://lh3.googleusercontent.com/a/ACg8ocJtyjaJLceuYP8HHnVGtfCXW7wMK_7sfj…">
```

**Selector:** `div > div.review_user___2t6s2 > div.review_user__avatar_block___PXgO3 > img.review_user__avatar___6evJ3`

## HOW TO FIX
- Set a meaningful `alt` attribute that describes the image content.
- For purely decorative images, use `alt=""` so assistive tech skips it.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/image-alt>