Streaming live at 10am (PST)

Empty alt Attributes in images for accessibility


#1

Hi, is there a way to have empty alt attributes in images?

This is for accessibility purposes. Images that only have a visual value should have an empty alt attribute. That way, screen readers skip the image.

  • If you don’t put an alt attribute, then screen readers read out the entire image URL (horrible experience)
  • If you put a space in the alt field, Webflow adds a space, but that would be read by a screen reader too (not skip it.)
  • if you put “” … then Webflow makes the alt attribute “”"" (lol) Which screen readers will read.

It would be great if there was a checkmark to set the alt as empty.

There’s a similar post but the answer was not great.
The person helping didn’t understand why the need for an empty tag:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Hey @pablostanley thank you so much for sharing this! I’m looking into this feature to see what we can do as far as a product update to allow that capability. There may be an existing way to do this already, I’m checking with the team and will follow up asap :bowing_man: thank you for helping to make Webflow sites more accessible :webflow_heart:


#3

What if we default to alt="" if it isn’t set?

The disadvantage would be if there were semantic information in the image title. (Webflow adds id information to the file name, reducing that default utility.)


#4

I think images that are part of the design can be background on divs and usually people do that. When the image is a part from the content you can use the image element / Images on background don’t have alt.

Maybe I’m wrong :blush: If yes tell me why :smile: so I can learn

Piter


#5

Right. The question is if we should default to alt="" for those image elements, so that screen readers don’t read out “5b2906cdb10d95c8453693d4_my-image.jpg” aloud. That is what they do with a default Webflow image element now.


#6

I understand, but if you have an image that is part from the content you will probably add alt description. If the image is not part from the content you can use div with a background. Why adding an image that is part from the content and not adding alt description.

Sorry if I don’t get the idea right :sweat_smile:


#7

There isn’t a way to add an empty string now alt="", which is the correct thing to do with…

We’re thinking about defaulting images to alt="", instead of leaving the attribute out when not set. I think this improves the default experience for site visitors with screen readers.

I’m wondering if there is any disadvantage that we haven’t considered with this default.


#8

I’m trying to think of what the disadvantages of this could be, but nothing comes to mind.
Personally, I think this would be a good default. It’s up to designers to add description to their images but if they forget to do so, then people who use screen readers will suffer.

Anyway. My opinion is :+1:t4:

Thank you so much for being on top of this <3