Blank alt="" instead of alt="Image"

[brocsleek]

Hello, we are working on ADA compliance for our website and finding some difficulties achieving best practices with X Theme and Cornerstone.
When we try to simply have it alt="" by adding a blank, it gets overwritten as alt=“Image”.
Another issue is for buttons with images, we cannot add the description.

[rad]

Hi Broc,

Thanks for reaching out.

May I know which site or URL that has this issue? There were fixes added around August related to image and button’s image alt tags. But some aren’t implemented, I like to check if it’s possible in your current setup.

But yes, you shouldn’t let alt tags be empty, or it will default to Image alt text.

Thanks!

[brocsleek]

Thanks, sending a secure note.

[thai]

@broc2211

For the first question - If the image is decorative, our ADA compliance tools are telling us it should be alt="" instead of no alt or what its defaulting to as alt=“image”

Hi There,

In the version 2 element of image, if you please the alt text blank, it will return the Image text by default. Because the empty alt is not good for SEO, please take a look at this article:

Image SEO: How to optimize your alt text and title text? • Yoast

@broc2211

For the 2nd part, its regarding link text and ADA compliance. It says “Ensure link text is meaningful within context” Good example are the social buttons on the bottom right footer. I cannot find how to put in text for the link.

To add the text next to the social button, please follow these steps:

• Enable the TEXT SETUP under Text tab:

• Insert your text to the Primary Text text field:

• Then set the width of social button to auto:

Hope it helps

[brocsleek]

In the Yoast article, it says exactly what I am asking for that it should be blank, not say “Image”
"If you have images in your design that are purely there for design reasons, you’re doing it wrong, as those images should be in your CSS and not in your HTML. If you really can’t change these images, give them an empty alt attribute, like so:

<img src="image.png" alt="">

The empty alt attribute makes sure that screen readers skip over the image."

For the 2nd part, I was asking about a link description when you hover over the link, not text next to the icon.

[ruenel]

Hello Broc,

Thanks for updating in!

I have inspected your site and the images have it’s own Alt tag. Please check the image below:

The link description on the other hand is not an available option for the button element. We’ve added this as a feature request so it can be taken into consideration for future development.

Hope this helps.