SVG grafika bez tekstualne alternative

Poruka u alatima axe i Lighthouse: <svg> elements with an img or image role must have alternative text · svg-img-alt · WCAG 1.1.1

Što to znači i zašto je važno

SVG ikone s role="img" bez naziva najavljuju se bez značenja (WCAG 1.1.1).

Dodajte <title> u SVG ili aria-label; ukrasne SVG elemente sakrijte s aria-hidden="true".

<svg role="img" viewBox="0 0 24 24"><path d="…"/></svg>

<svg role="img" aria-labelledby="t1" viewBox="0 0 24 24"><title id="t1">Secure payment</title><path d="…"/></svg>

Besplatno provjerite bilo koju stranicu — rezultat za nekoliko sekundi, s uputama za ispravak.