Hi! I use Polylang to show a different language version of my site, and a set of svg flags are in the header to control jumping between the two. In Pagespeed Insights I get a 1 point ding on accessibility because it looks like the SVG titles and alt text are the same. Obviously not a lot but it’s a lot nicer to see 100 rather than 99 right?
Problem is the SVGs are loaded by the plugin itself, and as far as I can see I can’t customize the alt text via media library as they’re not listed. You can specify custom images by naming them a certain way and dropping them in a subfolder by FTP, but that still doesn’t get them available in media library, so not sure of the best way. Is there some way to remove the alt text using CSS or another method?
Here’s one of the code snippets that the plugin creates and where you can see the identical alt text and title text:
<span class=”menu-text”><img width=”24″ height=”17″ src=”/wp-content/polylang/en_US.svg” alt=”English” data-lazy-src=”/wp-content/polylang/en_US.svg” data-ll-status=”loaded” class=”entered lazyloaded”><noscript><img width=”24″ height=”17″ src=”/wp-content/polylang/en_US.svg” alt=”English” /></noscript><span style=”margin-left:0.3em;”>English</span></span>
Thanks!
[ad_2]