WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Duplicate linkage

for

From: Steven Henderson
Date: Sep 1, 2009 10:05AM

I was already on that road, thanks Shawn.

What I have now moved onto, is ditching the inline image altogether and
replacing that with a css background. Ultimately, this is because with a
text link I feel screen readers don't need to know there is an image there
and I will use css to format the design for visual users. Plus, I can
re-cycle the css for using the images on other pages using less overall
markup. I believe everyone will be happy.

Steven




-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Shawn Lawler
Sent: 01 September 2009 16:44
To: WebAIM Discussion List
Subject: Re: [WebAIM] Duplicate linkage

Steven Henderson wrote:
> I'm thinking of a list, Jared, yes. Something like this:
>
> <li><a href="http://www.website.com/blue.html"><span>Best blue
> product</span> <img src="products/blue.jpg" alt="" /></a></li>
>
> I'd like to use a block level tag instead of the span, but to place
> the image and a text title within the a tag, I need to use an inline tag.
>

A simple CSS rule could give your span, block level behavior.

.myPortfolioItems li span {display:block;}