Image title and alt tags not displaying

(Jay Pfaffman) #1

I’m in academia and there’s a huge push about accessibility since Harvard and MIT got ADA suits because MOOCs weren’t screen-reader compliant. I’m trying to be a good citizen and include alt tags, but it seems that they are not showing up. They’re in the HTML, though, so I guess screen readers will see them. It makes it hard for me to check, though. I guess this is a simple CSS fix?

I can’t see alt or title tags on this image:

this is an alt tag

On a related note, it would be nice if the <img ...> tags that get created on an upload included something like alt="image description" so that people who don’t know to add that get a little bit of help.

(Jeff Atwood) #2

Er… what? Look at the browser DOM.

<img src="" 
width="206" height="44" 
alt="this is an alt tag" 
title="This is the picture title">

In Markdown you do it this way

![Image text goes here](

Feel free to send links to our Markdown help page, and the 10 minute interactive tutorial is on a big giant button there.

(Jay Pfaffman) #3

Well, I see it now. It didn’t make sense that this could be a problem, but I swear that those weren’t showing up when I posted this.

(Jeff Atwood) #4

Well, there is a slight difference between a reply inserted dynamically in the page in your browser when the reply is composed, and what is rendered to everyone else who reads it (or if you re-enter the topic, or refresh the page etc).