Add Alt text to Header Image
How do I add an "Alt" tag to the Header Logo? By making the image clickable the "Title" tag is added but I can't find where to add the "Alt" tag.
|
The alt tag is automatically set to the 'Site Title' (dashboard->settings->general->site title)
If you want it something else, you will have to edit the theme code in bfa-header-config.php in the 'logo' section. |
Thanks, Juggledad, According to the code I'm seeing there is no "Alt" tag on my logo image. If I make the image Clickable a "Title" tag is added (as the Page Name) which is fine but I want to add an "Alt" tag, too. What directory is the file you mentioned located?
|
What is the URL?
Are you sure you mean the logo and not the header image? |
Sorry, I mean the Header Image. www.indiejack.com I want an "Alt" tag on my header image. Does it matter if the Header Image is "Clickable?"
I found this is, under Header Image, in the file you referenced earlier: Quote:
|
Yup, that is the code you will have to change
But why do you need it? It will only show if there is no image. And yes the image will have to be clickable otherwise it is the background for the div. |
Where do I place the Alt code?
Quote:
Are there any other ways to accomplish the Alt tag for the Header Image? |
Quote:
I don't have access to my test environment at the moment. I'm actually 'enjoying' a brief stay in the hospital with diverticulitis and hope to be home by Friday. (Can you tell i'm bored?) |
Actually check out this thread for an easy way to do it. http://forum.bytesforall.com/showthread.php?t=14758
|
Tremendous! Yes, I'll wait. That would be wonderful. A win for Accessibility! Thanks, Juggledad! Good luck on the hospital stay.
I guess this means I need to add the patch to keep my header image and favicon in tact, too. Right? I read about that in another post. |
hmm... I'm not sure where that code goes.
|
No, you can substitute an <img......> in place if the %image try this - make sure to set the widget and height correctly.so substitute this
HTML Code:
<div id="imagecontainer" class="header-image-container"><img src="http://yourdomain.com/wp-content/themes/atahualpa/images/header/your image.png" alt="Your alt text here" width="918" height="90" /></div> |
Are you talking about making the substitution in the Theme Options or in the .php include page itself?
|
In the theme 'Configure Header Area' option
|
Okay. I'll give it a shot. Thanks!
|
Thanks Juggledad, that worked! The header image's Alt tag is now announced. After making the change, the "Clickable" function has gone away. How do I get that back?
|
You would have to add that HTML in also. The way to see what you need is remove what you just put in (put it in a text file to save) and put the %image back in. Go visit the page and use the browsers view source option to see the generated HTML.
Now browse thru and locate the header code and see what was generated for the clickable. Next add that into the code you now have and test it out. |
All times are GMT -6. The time now is 05:46 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.