www.texaseasylien.com

# Fix Fix color contrast

## CONTEXT
- Page: https://www.texaseasylien.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="e-n-menu-title-text">
```

**Selector:** `li.e-n-menu-item > div#e-n-menu-title-2631 > div.e-n-menu-title-container > span.e-n-menu-title-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 target-size violation

## CONTEXT
- Page: https://www.texaseasylien.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
<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true">
```

**Selector:** `div.elementor-element > div.elementor-main-swiper > div.swiper-pagination > span.swiper-pagination-bullet`

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

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

# Fix Add alternative text to image

## CONTEXT
- Page: https://www.texaseasylien.com/
- 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 decoding="async" src="/wp-content/uploads/2024/04/circle-chevron-right_white.svg">
```

**Selector:** `div.elementor-price-table > div.elementor-price-table__footer > a.elementor-price-table__button > img`

## 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>

# Fix Fix aria-required-parent violation

## CONTEXT
- Page: https://www.texaseasylien.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
<li data-l="es" class="wg-li weglot-lang weglot-language weglot-flags flag-0 wg-es" data-code-language="es" role="option">
```

**Selector:** `div.elementor-element > aside.country-selector > ul > li.wg-li`

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

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/aria-required-parent>

# Fix Fix heading hierarchy

## CONTEXT
- Page: https://www.texaseasylien.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.e-con-inner > div.elementor-element > 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>