I'm slowly being forced to turn almost anything clickable into an icon! (on a particular page). Remembering my mother always forgetting what "the little flag in the water" meant in the car (and ignoring when it glowed because she didn't know what it meant), I'm a little terrified of confuzled visitors!
I've been asked to add an icon for "log out" which frankly I've never even seen; I either don't visit login sites, visit them with images off so I can understand everything, or visit ones that just don't icon everything. Nothing I can think of would be very intuitive.
Can I do anything more than what I've got to make them as usable and understandable as possible? What I have (yesh it's tabular data):
(edited to Engrish... not the actual text)
<li><a href="main.pl" title="Change info"><img class="gegevens" src="../images/transicon.gif" alt="[Change info]" /></a></li>
<li><a href="main.pl" title="Upload photos"><img class="fotos" src="../images/transicon.gif" alt="[Upload photos]" /></a></li>
<li><a href="main.pl" title="Change map"><img class="kaart" src="../images/transicon.gif" alt="[change map]" /></a></li>
<li><a href="?main.pl" title="remove house"><img class="ver" src="../images/transicon.gif" alt="[remove house]" /></a></li>
A list of options (for each table entry), a link that does stuff with title, an image element holding a transparent gif, a background image behind that showing the icon, and alt text.
It was a much simpler setup until I realised that IE6 was now giving everyone black backgrounds instead of the grey it used to for png's, and the jaggies were not acceptable enough to give everyone gif's. Thus, the transparent image.
While I like the square brackets around my alt text personally (I don't get image borders in my browser) they were essential in an otherwise unstyled list of alt texts, otherwise they all ran together in FF and Konq.
How can I improve this (removing the icons, lawlz yesh I know)? I have titles text for the mousers and alt text for those with images off, but these pox... I mean, icons, are spreading.