Re: Null alt tags for decorative images - Technique H67

Hi, Thierry and all,

I was thinking in a print button (or other similar button) where both the icon and the text are visible, so both grow if the user needs to increase the text size.

Your code has some problems for sighted users with low vision, since it relies solely on the icon to convey the functionality, and even with the title it can be hard to see the tooltip. In addition, many users with low vision find it hard to use a mouse, so they will be unable to see the tooltip at all.

In general, icon-only solutions are difficult for users with low vision, because most icons:

a) are too small,
b) do not resize adequately,
c) have poor contrast, or look bad or disappear when high contrast is enabled,
d) are not keyboard-accessible (the title is not visible when using a keyboard or tactile device).

Regards,
Ramón.

Thierry said:

>> And not all "decorative" images should be inserted via CSS. For
>> example, if the image is a printer icon next to a "print" text, the
>> code of the link could be:
>> 
>> <a href="..." title="Print this page">
>> <img src="ico-print.png" alt="" /> Print
>> </a>
> 
> I don't see a reason for using the above instead of a simple.
> 
> <a href="..." title="Print this page">
> <img src="ico-print.png" alt="Print" />
> </a>
> 
> Imho, using plain text will make most authors use negative text-indent to hide that text off-screen, but then if the image does not load for some reason there is no alt text to display (no fall-back) :-(
> 
> 
> --
> Regards,
> Thierry
> @thierrykoblentz
> www.tjkdesign.com | www.ez-css.org | www.css-101.org 
> 
> 
> 
> 

Received on Thursday, 3 November 2011 08:13:50 UTC