View Full Version : Alt attribute in Tumblr

11-06-2010, 03:30 AM

I must say upfront that I am completely ignorant with regards to coding.

If any of you are familiar with tumblr, it automatically uses the accompanying text to image posts as the alt text for the image. However, using that text to describe what the image is about could not be more boring from a visitor's perspective. I am therefore trying to figure out a way to add alt text to image posts without it being visible to my visitors.

By default, the alt attribute in Tumblr works like this: <img src="{PhotoURL-500}" alt="{PhotoAlt}" /> (for a chart explaining the basic variables go here: http://www.tumblr.com/docs/en/custom_themes#custom-images)

My question, therefore, is if there is a way for me to write descriptive text somewhere that would act as the alt text without it being visible to my visitors. When I asked tumblr support about this, this was their answer:

"You might be able to edit the HTML of the post to add in the alt text yourself by editing the post in the HTML window/Plain Text editor. You may need to use the Plain Text Editor to create or edit advanced post embeds or to control element formatting via HTML"

However, this all sounds very confusing to me. If anyone here could help me figure this out, I would be most grateful.

11-06-2010, 04:11 AM
Do as Tumblr support says and edit your post in the HTML/Plain text editor and hard-code it in yourself.

11-06-2010, 05:34 AM
Thanks for the response. I guess the main issue is that i do not know how to code it myself. If you have any pointers as to how I could go about it I would really appreciate it.

11-06-2010, 11:30 PM
I am not a Tumblr person but I'm going to make a rough guess at how you'd go about doing it:

Insert your image in using the WYSIWYG editor.
Switch to HTML mode.
Your image will be coded something like this:

<img src="example" alt="example"/>
("example" is arbitrary and it could be anything.)
Delete what is between the two inverted commas after alt. You should end up with something like this:

<img src="example" alt=""/>
Inside the inverted commas, type anything you like. This will be the alt text when you publish the post.