Full stops at the end of alternative text (alt attributes)
All else being equal, that'd be enough reason for me to use them in alt/title/etc… text.
Last edited by Bill Posters on 04 Apr 2008 11:01 pm; edited 1 time in total
Images are inline elements, so even theoretically, they should be read as part of sentences rather than having an automatic break at the end.
That has been born out with Jaws, I'm not sure about windows eyes or others. (Voiceover doesn't from memory, but I think it reads out 'image' at the end of the alt, rather than the beginning.)
-Alastair
_________________
Nomensa / AlastairC
You should punctuate the alt exactly as the text in the image is punctuated. So if the image ends with a question mark or exclamation mark, that should also appear in the alt. If the image doesn't end with a full stop, the alt shouldn't end with a full stop.
If you use <img> for headings, you should still wrap it in a heading element. This gives devices the structure they need to understand the missing full stop.
_________________
My CV type thing and my Life of Ben (Blog). Nigel Peck's Accessify Forum Requirements.
_________________
Johan De Silva / Portfolio | Place of Work @Flipside | Read my movie reviews punk!
Thankfully i think there is something AT devs can do in this situation (I know I'll be looking in to it now). It should be possible to infer the semantic context from the containing node structure. And either pronounce as a new line or not appropriately (regardless of punctuation).
So in theory, if AT does what (i believe) is possible, it shouldn't matter.
_________________
creator of Talklets
Talklets ,
My audio screen reader is TextAloud which ignores all alt text -- do more sophisticated readers such as JAWS "speak" devices such as brackets/parentheses thereby making them an annoyance?
James
_________________
[url="http://jp29.org/"]Pickering Pages[/url] - XHTML served using Content Negotiation
XHTML+RDFa | DC Metadata | RDF | XML | FOAF | RSS Feed
| Quote: |
| I use square brackets for alt text in this manner: alt="[descriptive text]" in order to differentiate it from page content in textual Browsers such as Lynx. Is this worthwhile or acceptable practice? |
Do you know if text browsers don't already differentiate alt text from the surround content?
For me, it would depend on how the most popular AT UAs handle it.
If it means that screen readers get "square left bracket descriptive text square right bracket", then I'd consider that too obtrusive.
Are screen reader users more numerous than text browser users?
I don't know, but if they are, then I'd certainly be inclined not to place obstacles in their way for the sake of a smaller user group.
Even if text browser users outnumbered screen reader users, I'd posisbly still consider it too obtrusive an option.
I'd also be inclined to avoid this kind of solution as it feels like altering content for presentational effect, which feels wrong in principle.
I believe Cerbera's answer hits the mark. That the alternative text should be punctuated in a way that makes sense of the surrounding text.
Examples to cover some common situations:
I am <img src="tired-written-like-a-tired-writer-would.jpg" alt="tired" /> and will go to bed.
<img src="advert-max-cleaner.jpg" alt="Get Max. Are you clean enough?" />
<img src="holiday-snap.jpg" alt="A dark wood in daylight." /> The wood we visited was quiet and warm. We all liked it.
<img src="a-lovely-pic-that-will-make-my-page-look-better.jpg" alt="" />I'm a happy leprechaun and the world is my oyster.
all the best
Dave
_________________
My CV type thing and my Life of Ben (Blog). Nigel Peck's Accessify Forum Requirements.
| Dave Smith wrote: |
|
<img src="holiday-snap.jpg" alt="A dark wood in daylight." /> The wood we visited was quiet and warm. We all liked it. |
Would be read out as "image, A dark wood in daylight. The wood we visited was quiet and warm. We all liked it." in Jaws. (In voiceover, the 'image' is put after the alt.)
This one is fine, but if you were going for it from a full user-experience point of view, you might put something more in for it:
| Dave Smith wrote: |
| <img src="a-lovely-pic-that-will-make-my-page-look-better.jpg" alt="" />I'm a happy leprechaun and the world is my oyster. |
The two sides of the arguments are:
- You should take a strict, task-focused approach where extraneous things are not included, especially for a screen reader situation where it takes time to go through things that you can visually ignore.
- If you are including it visually, why would you not include it for all? If it has a purpose, shouldn't you try and represent that purpose for everyone?
Check WebAim's archive for the full stories, but I tend to swing between each approach depending on the site's aim.
_________________
Nomensa / AlastairC
The example with no alt text was there for those occasions where normally the purely decorative image would be displayed via css, but can't be done at that time for whatever reason.
So, in essence it was an image with no purpose. Therefore I'd agree with argument 2. I think ;)
all the best
Dave
All times are GMT
You cannot post new topics in this forumYou cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum



