I have a navigation system with rollover effects using css. all effects are in the same gif image and depending on the state (mouse over, selected, mouse out) a different section of the image is shown.

Because the image is only referred to in the css file and a reference made to the class for the style rules in the <a> tag in the html script i was wondering how i can implement alternative text for each link.

Any suggestions?

Recommended Answers

All 3 Replies

I think you have to use title tag for alternative text.

e.g. <a href="#" title="Junior Poster"></a>

this is the simple solution.

And it's also the only accessible way to do it.

Thanks you for the replies. I'll add title attributes.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.