How can I add alt text to images in Shopify's simple theme?

Store Design
1

I’m using the Shopify simple theme with my own modifications.

Question 1

I modified the footer to display two tiers of information, however the images for accepted payment methods do not display alt text.

<div id="payment-methods"><img width="50" src="….svg"></div>

Which files can I modify to add alt and accompanying alternative text for each image?

Question 2

I’ve included additional SVG images but img_tag does not seem to result in alt text.

<li><a href="https://www.tiktok.com/@filigreeandshadow/" target="_blank">{{ 'tiktok.svg' | asset_url | img_tag: TikTok logo }}</a></li>

What can I include to make sure the image alt text will appear?

2

https://shopify.dev/api/liquid/filters/html-filters#alt-text

Question 1> > I modified the footer to display two tiers of information, however the images for accepted payment methods do not display alt text.> > ```>

Look for footer.liquid or similar section/snippets or for the payment_type_svg_tag.

Or convert the current tag output using liquid to full html using only liquid to fill in the attribute data.

Beyond that your way too vague, you’ve modified something so no way for others to know what you’ve modified or where you’ve modified things.

https://shopify.dev/api/liquid/filters/html-filters#payment_type_svg_tag

3

The solutions you pointed me to didn’t work, but I did solve the problem for adding alt text to my SVG images.

<li><a href="https://www.tiktok.com/@filigreeandshadow/" target="_blank">{{ 'tiktok.svg' | asset_url | img_tag: 'TikTok logo' }}</a></li>

Apparently I needed to place ticks before and after the text for img_tag.