WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: how to use image as a label for a form field

for

From: Tim Beadle
Date: Sep 27, 2006 1:50AM

On 27/09/06, Jukka K. Korpela < <EMAIL REMOVED> > wrote:
> If abc.gif contains the letters "PDF" in a styled manner, you might
> think that the image is sufficient and that using the text "PDF format"
> would mean redundant text. On the other hand, isn't the image redundant
> then?

The icon might work better for certain people (cognitive disabilities,
time-slicing IT workers etc), so I don't think it's redundant. If it's
complementing the text, though, I would add it via CSS instead of as
an <img> element.

label#labelPDF {
padding-left: WIDTH_OF_IMAGE_PLUS_A_FEW_PX;
background: transparent 0 50% no-repeat url(abc.gif);
}

Tim