# Elementy svg z rolą img muszą mieć tekst alternatywny

<https://www.fixreports.com/pl/issues/svg-img-alt>

WCAG 1.1.1 Treść nietekstowa · poziom A

Obraz SVG, który przekazuje informacje, nie ma tekstu alternatywnego.

## Co sprawdza ta reguła
Elementy <svg> z rolą img, graphics-document lub graphics-symbol mają dostępny tekst.

## Dlaczego to ważne
WCAG 1.1.1 wymaga tekstu alternatywnego dla obrazów niosących treść.

## Jak to naprawić
### Na dowolnej stronie
1. Dodaj aria-label lub element <title> do obrazów SVG niosących treść, a aria-hidden="true" do czysto dekoracyjnych.

### W Shopify
1. Dodaj aria-label lub element <title> do obrazów SVG niosących treść, a aria-hidden="true" do czysto dekoracyjnych.

### W WooCommerce i WordPressie
1. Dodaj aria-label lub element <title> do obrazów SVG niosących treść, a aria-hidden="true" do czysto dekoracyjnych.

## Jak sprawdzić poprawkę
- Przeskanuj ponownie podstrony, których to dotyczy.

## Źródła
- Dokumentacja reguły axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- Objaśnienie kryterium WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content