navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Title Attribute

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Accessibility >> Title Attribute
Page: [1]
 
Nicole

 

Posts: 2848
Joined: 9/15/2004
From: Nambucca / Kempsey, Australia
Status: offline

 
Title Attribute - 4/26/2006 3:25:25   
As an alternative to the tooltips I was using on a site which weren't working in Opera and were also causing some horizontal scrolling in all browsers, I've decided to go with using the title attribute of a span with a class, then styling how that appears when moused over.

Can anyone tell me though (now that I don't have FoxyVoice anymore), whether a screen reader will read this title text mid sentence and therefore present the listener with a really stupid sentence?

Example of Code:

<p class="content">The type of cataract you have will affect exactly which symptoms you experience and how soon they 
       will occur. When a 
       <span class="tooltip" title="A cataract involving only the inner dense portion of the lens.">nuclear cataract</span> 
       first develops it can bring about a temporary improvement in your near vision, called "second sight." 
       Unfortunately, the improved vision is short-lived and will disappear as the cataract worsens. Conversely, a 
       <span class="tooltip" title="A cataract in which the opacities are concentrated beneath or within the capsule of the lens.">
       subcapsular cataract</span> may not produce any symptoms until it is well-developed.</p>


Also, now that FoxyVoice isn't compatible with Firefox, what are you guys using to test things like this?

Nicole

Edit: In the example above, when the words "nuclear cataract" and "subcapsular cataract" are moused over, a tooltip appears giving the definition.

_____________________________

:)
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Title Attribute - 4/26/2006 3:29:55   
I think it depends how you set the screenreader up. Far as I know (and I could be wrong) many screenreaders don't read title text by default. But assuming that the user has set it up to do that, then I'd say yes it will read it mid-sentence.

I'd personally just stick all the information into the normal text.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to Nicole)
Nicole

 

Posts: 2848
Joined: 9/15/2004
From: Nambucca / Kempsey, Australia
Status: offline

 
RE: Title Attribute - 4/26/2006 3:34:21   
Thanks Helena,

But some of the definitions are very long and sometimes there's about 3 or more per sentence. Would make for very convoluted reading to add them into all the places I already have the tooltips.

_____________________________

:)

(in reply to Tailslide)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Title Attribute - 4/26/2006 6:14:19   
You could try using longdesc not compatible with the usual suspects but it's an option.

Or make the tooltip a memo to go read the glossary?

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Nicole)
Nicole

 

Posts: 2848
Joined: 9/15/2004
From: Nambucca / Kempsey, Australia
Status: offline

 
RE: Title Attribute - 4/26/2006 6:18:34   
Thanks Jaybee,

I wrote a lot on here around the time you weren't here in the CSS forum about this issue. I'm pretty sure the Longdesc. solution was discussed then.

I was so excited this morning when I found the solution that I had (see I'm not a geek), and started changing the pages in this site only to realise that maybe the title attribute would be read out to a screen reader. If it is then I'm afraid the solution I've found isn't a solution at all, especially because it's a medical site about eye care and surgery!

_____________________________

:)

(in reply to jaybee)
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Title Attribute - 4/26/2006 6:24:12   
I think the glossary idea is an excellent one - perfect for exactly this sort of site.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to Nicole)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Title Attribute - 4/26/2006 6:41:04   
Ummm just a thought Nicole, why aren't you using something like acronym

<acronym title="See Glossary">Cataracts</acronym>

then style acronym, that way you don't need to use class.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
Nicole

 

Posts: 2848
Joined: 9/15/2004
From: Nambucca / Kempsey, Australia
Status: offline

 
RE: Title Attribute - 4/26/2006 6:46:40   
Some of the definitions are quite long, acronyms cut off after a certain amount of characters don't they?

Tail, I have a glossary on the site also, and am directing those with javascript disabled to that page. I really like the idea of tooltips though and the way they look on this particular site. I'm not so much being stubborn rather I just want to make very sure that it can't be done before even entertaining the idea of dumping the whole idea.

_____________________________

:)

(in reply to jaybee)
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Title Attribute - 4/26/2006 6:50:59   
quote:

ORIGINAL: Nicole
I just want to make very sure that it can't be done before even entertaining the idea of dumping the whole idea.


Completely understand.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to Nicole)
caz

 

Posts: 3586
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Title Attribute - 4/26/2006 7:08:45   
quote:

lso, now that FoxyVoice isn't compatible with Firefox, what are you guys using to test things like this?


I have used Opera Voice, but it is fairly painful to set up and you have to give it voice commands to operate. Not quite as easy to use as dear old FoxyVoice but better than nothing and it's free.

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to Nicole)
Nicole

 

Posts: 2848
Joined: 9/15/2004
From: Nambucca / Kempsey, Australia
Status: offline

 
RE: Title Attribute - 4/26/2006 7:14:46   
Thanks Caz,

I downloaded psWebSpeak a while ago, it's also painful and nowhere near as good as FoxyVoice.

_____________________________

:)

(in reply to caz)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Title Attribute - 4/26/2006 8:01:06   
Before Dave leaps in and starts throwing bricks at me, I have to point out that using acronym for that is not semantically correct but heck it works where others don't.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Nicole)
d a v e

 

Posts: 4177
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Title Attribute - 4/26/2006 14:03:39   
Dave who?

_____________________________

David Prescott
Gekko web design

(in reply to jaybee)
Nicole

 

Posts: 2848
Joined: 9/15/2004
From: Nambucca / Kempsey, Australia
Status: offline

 
RE: Title Attribute - 4/26/2006 20:28:14   
Just checked again the <acronym> tag. It definitely cuts long definitions off before the end at least in Firefox it does which is enough to disqualify it.

It also only stays visible for a certain length of time, which isn't very appropriate as some of the definitions are quite long.

Edit: Pretty good link about the Title Attribute

Edit: Another Interesting Article on Abbreviations.

< Message edited by Nicole -- 4/27/2006 3:16:20 >


_____________________________

:)

(in reply to jaybee)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Title Attribute - 4/27/2006 7:34:14   
quote:

Our first goal is compliance with XHTML 2.0. In version 2, the acronym element has been deprecated, so we’re now using the abbr element for all shortened forms.


quote:

Note: IE 6 does not support abbr: it doesn’t see it, you can’t style it, there’s no tool tip.


Oh great! Back to the drawing board. :)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Nicole)
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Title Attribute - 4/27/2006 7:45:32   
There is a way to get <abbr> to work, well mostly... it needs a bit of JS fed to IE 6 and earlier so - it won't work in the 10% of IE 6 users who don't have JS switched on but it will work for the other 90% of IE users and obviously for all of us lot using GOOD browsers!

IE7 does apparently recognise <abbr>.

Interested at all?



_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to jaybee)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Title Attribute - 4/27/2006 9:03:50   
No thanks, I refuse point blank to use js for something so flaming simple. Hack, hacks and more hacks! :) I'll have a rethink. There has to be a way round this using css pop-ups and :visible.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Title Attribute - 4/27/2006 9:09:54   
It's not a hack - it's an enhancement :) It's making up for IE not recognising the semantic, correct tag. It's one of those annoying things - either you add more mark-up (i.e. spans) which either duplicate the title or stand in for the <abbr> text or you use acronym for a purpose for which it wasn't designed. I'd rather have the semantic mark-up (just <abrr>) and add a JS enhancement for IE6 and under.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to jaybee)
Page:   [1]

All Forums >> Web Development >> Accessibility >> Title Attribute
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts