WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 09-02-2003, 08:24 AM
Derald's Avatar
WebProWorld Member
 

Join Date: Jul 2003
Location: Atlanta, Georgia
Posts: 53
Derald RepRank 0
Default ALT Text possible with rollover?

I built my site in GoLive 5 and I use rollovers for navigation. The ALT text window is not available...is there a way to achieve the effect and include the tags?

Thanks,
Derald
__________________
mediarail design
"Creatively intelligent communiciations."
Reply With Quote
  #2 (permalink)  
Old 09-02-2003, 09:42 AM
WebProWorld New Member
 

Join Date: Sep 2003
Location: North of England
Posts: 3
northernlifestyle RepRank 0
Default ALT text rollovers

Hi there,

I use DreamweaverMX but add these details by hand by editing the code directly. Dive into the HTML and before the IMG width tag add:

ALT="you alt text"
TITLE="you rollover text"

this title tag creates a pop-up when rolled over. Alternatively you can also use Tool Tips but I don't bother as TITLE is so easy.

Remember to add ALT tags to all you images, even if you don't have any text as this will work better in text only browsers. Such as ALT="" (no space between speech marks)


regards

Matt Harrison

Webmaster & Designer
www.northernlifestyle.com
a quality monthly magazine with news, reviews and listings for the North (UK)
Reply With Quote
  #3 (permalink)  
Old 09-02-2003, 03:35 PM
WebProWorld Member
 

Join Date: Jul 2003
Posts: 27
cyberRobot RepRank 0
Default Re: ALT text rollovers

Quote:
Originally Posted by northernlifestyle
I use DreamweaverMX but add these details by hand by editing the code directly. Dive into the HTML and before the IMG width tag add:

ALT="you alt text"
TITLE="you rollover text"

this title tag creates a pop-up when rolled over. Alternatively you can also use Tool Tips but I don't bother as TITLE is so easy.
Does using both the alt and title attributes confuse people with screen readers?

I know some people who use both whenever possible in order to get the tooltip effect. (They'll set both attributes to the same value.)

For example, how would a screen reader say:
<p title="Home">[img]home.gif[/img]</p>

Thanks
Reply With Quote
  #4 (permalink)  
Old 09-03-2003, 05:47 AM
Derald's Avatar
WebProWorld Member
 

Join Date: Jul 2003
Location: Atlanta, Georgia
Posts: 53
Derald RepRank 0
Default Re: ALT text rollovers

Quote:
Originally Posted by northernlifestyle
Dive into the HTML and before the IMG width tag add:

ALT="you alt text"
TITLE="you rollover text"

Thanks Matt. It worked perfectly.

Derald
__________________
mediarail design
"Creatively intelligent communiciations."
Reply With Quote
  #5 (permalink)  
Old 09-23-2003, 07:41 AM
WebProWorld New Member
 

Join Date: Sep 2003
Location: North of England
Posts: 3
northernlifestyle RepRank 0
Default

Hi CyberRobot & Derald,

Derald - no problem, glad I could be of help. Would you be interested in checking out my site? I've posted a request for people to review it but not had any takers so far... Would you care to cast your eye over my site Northern Lifestyle http://www.northernlifestyle.com

CyberRobot - hi, that's a good point you made re: confusing people with screen readers. I hadn't thought of that. I haven't QA tested wih a text reader. Can you recommend any?

Likewise, if you don't mind I'd appreciate any feedback you can offer: Northern Lifestyle http://www.northernlifestyle.com

I'm happy to recipricate with a constructive appraisal in return.

cheers

Matt
Northern Lifestyle http://www.northernlifestyle.com
__________________
Northern Lifestyle- Your essential online guide to the North of England. Updated monthly the magazine features news, reviews and listings for the region. http://www.Northernlifestyle.com
Reply With Quote
  #6 (permalink)  
Old 01-06-2004, 01:28 PM
WebProWorld New Member
 

Join Date: Jan 2004
Location: USA
Posts: 1
brailleschool RepRank 0
Default Re: ALT text rollovers

Quote:
Originally Posted by northernlifestyle
Does using both the alt and title attributes confuse people with screen readers?
Hi there:

I am new to the forums here, I too use a screen reader, and just to answer your question, when you use the alt and title tags together, screen readers usually only read the title tag. but if the title tag isnt used, then it will read the alt tag.

you also might want to look into using the accesskey="" attribute.

Also, just to make a note to you, many browsers do not display images, if you dont use the alt tag, it will make it a little difficult to navigate the particular website (even for the sighted.)
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum
Tags: , , ,



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Search Engine Optimization by vBSEO 3.2.0