|
| |
|
|
Kitka
Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline
 |
Suggestions please - 1/28/2007 12:53:31
A client wants to advertise a special on their website and this is the basic code and text I am using - but it fails WAI:
<div id="promo">
<p><a href="special.htm" title="More information and order form">Trial our Product <br />
Save 25%<br />
Click here to<br />
<img src="images/order-now.gif" alt="Order Now" title="Order Now" width="86" height="20" /></a></p>
</div>
The error is this:
quote:
13.1 Clearly identify the target of each link.
* Rule: 13.1.1 - All Anchor elements are required not to use any of the defined link phrases in the link text.
o Failure - Anchor Element at Line: 38, Column: 4
It is complaining about the "Click here to" text. Originally I didn't have it there, but both the site owner and my colleague observed that there was no overt indication the visitor needs to click on the ad (div) to find out how to get the special.
Bearing in mind that the div is only 150px wide, how can I clearly indicate that the button/whole div needs to be clicked and also pass WAI?
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
|
|
|
|
Tailslide
Posts: 6121
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Suggestions please - 1/28/2007 13:41:20
Yeah the whole "click here" thing is a bit of a no-no accessibility-wise (we've all done them though!). I had a similar issue recently on a site which was selling vehicles. It had a listing with the vehicle name, price, size etc and a "more details" link through to, well.. more details. But I knew I couldn't just have 20+ links that all just said "more details" so what I did was have:
<a href='vehiclepage.html?id=78'>More Details <span class="more">about this Fiat Swift Kontiki 615</span></a>
And I used the span to position the about this etc etc bit off screen. That way it passes the checkpoint and it makes more sense to screenreaders.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 6121
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Suggestions please - 1/29/2007 2:39:38
You could use an image - as long as it's still fairly clear with images off etc then I can't see an issue offhand (allowing that the text size should be reasonable as people won't be able to resize it).
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
it won't help in this situation. 
