Re: [WSG] alt tags and image captions
On Tue, 07 Jun 2005 00:06:32 -0400, Bert Doorn [EMAIL PROTECTED] wrote: Just to add to what Alan said... remember to put spaces between images unless their is good reason not to otherwise the following: img src='hello.png' alt=Hello/img src='world.png' alt=World/ will look like HelloWorld Perhaps put the space in the alt *attribute* if you get display problems with the space. Also, if you are going to put captions under the photo, I think it's perfectly reasonable to use an empty alt attribute. Doesn't the caption take its place anyway? Or for that matter, Bert-- if you're going to use a caption, why not get rid of the photo, too? Regards, David Laakso -- http://www.dlaakso.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] alt tags and image captions
Andreas Boehmer wrote: ... Yeah, they will repeat it. If I remember correctly they will read something like Image Joe Smith, Joe Smith. ... Yeah, I've used links on linux a bit lately (while waiting for stuff to compile) and this is probably one of the most common anoyance. Usually it looks something like: Joe SmithJoe Smith. There are a lot of images on the web that would be better of with an empty string for their alt attributes. Also remember that images are regularly inline content. People often style it as display:block, which is fine, but remember to put spaces between images unless their is good reason not to otherwise the following: img src='hello.png' alt=Hello/img src='world.png' alt=World/ will look like HelloWorld Alan Trick __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] alt tags and image captions
-Original Message- From: Hope Stewart [mailto:[EMAIL PROTECTED] Sent: Saturday, 4 June 2005 12:40 PM To: Web Standards Group Subject: [WSG] alt tags and image captions Having never seen/heard a screen reader in action, I am uncertain about how to make some aspects of coding user-friendly for those using screen readers. If you have got Windows XP or Windows 2000 you should have a screenreader (Narrator) installed. In my case I find it under Programs Accessories Accessiblity Narrator. It's not as good as Jaws, but probably enough to get an idea of how they work. Another option, especially for those of us not used to hearing web sites, is the Fangs extension to Firefox. This gives a text version of what Jaws (the most widely used screen reading software) would say aloud. I find this a much easier way to deal with developing for screen readers. I have used a screen reader to test my site and it was difficult. Specifically, I find my alt tags are almost always the same as my captions. For example, if I insert an image of Joe Smith, my code might look something like this: pimg src=images/joe_smith.jpg alt=Joe Smith //p p class=photocaptionJoe Smith/p Does the screen reader read, Joe Smith Joe Smith? Yeah, they will repeat it. If I remember correctly they will read something like Image Joe Smith, Joe Smith. Fangs: Graphic Joe Smith Joe Smith If so, I would have thought that this repetition would get very annoying especially if there are a lot of images on the page. I guess it would be a bit repetitive. With an alt tag you generally write what can be seen in the image. Joe Smith doesn't really tell me whether the image you have is a photo of Joe Smith, Joe Smith the cartoon character, or a signature of Joe Smith. So to be a bit more specific you would probably write into the alt tag Photo of Joe Smith. Depending on the purpose of the photo, you might even have more detail in the alt tag: Photo of Joe Smith at the last accounting conference. This is certainly true for photos. For other images (logos, etc) they often have another semantic meaning in the page. A corporate logo for example is often also a link to the home page. In this case I wouldn't use 'my company logo', but rather 'my corporate home page'. Fangs: Graphic link my corporate home page If the image adds nothing to the meaning of the page, either put it in your css as a background-image or include an empty alt tag img alt= Hope this helps. likewise, Damian Andreas Boehmer User Experience Consultant Phone: (03) 9386 8907 Mobile: (0411) 097 038 http://www.addictiveMedia.com.au Consulting | Accessibility | Usability | Development ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] alt tags and image captions
Having never seen/heard a screen reader in action, I am uncertain about how to make some aspects of coding user-friendly for those using screen readers. Specifically, I find my alt tags are almost always the same as my captions. For example, if I insert an image of Joe Smith, my code might look something like this: pimg src=images/joe_smith.jpg alt=Joe Smith //p p class=photocaptionJoe Smith/p Does the screen reader read, Joe Smith Joe Smith? If so, I would have thought that this repetition would get very annoying especially if there are a lot of images on the page. Could someone please enlighten me? Hope Stewart ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **