Re: [WSG] semantic HTML for intro text

2007-06-14 Thread Paul Collins

Sorry, I've been away for a while and lost track of this, thanks to
everyone for your comments. I think what you have said is right in
that perhaps the intro text doesn't really have any semantic value, so
there doesn't need to be any tag to match it.

Thanks again for all your replies.


On 26/05/07, Paul Novitski [EMAIL PROTECTED] wrote:

At 5/26/2007 10:04 AM, Designer wrote:
Presumably, p title=introduction  and p id=introduction
would do the trick also?  My own preference would be for the latter.
Of course, if you are referring to a GROUP of paragraphs
constituting the introduction, then Paul's class would have to be used.

Yes, either an introduction consisting of multiple paragraphs or
multiple introductions on the same page.  Since we don't really know
the present and future architecture of the site in question, either
of those possibilities seems so likely to occur, particularly the
former, that painting oneself into a corner with id seems to beg for
the busywork of modifying markup  stylesheet down the road.

Regards,

Paul
__

Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.com



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Paul Collins

OK, thanks for your help, I just thought there may be some kind of
HTML tag that adds seperate semantic value to the introductory
paragraph, to differentiate it from the strong text in the body, like
the big tag for example.

I will probably use the strong tag then.

Cheers
Paul


On 25/05/07, Stuart Foulstone [EMAIL PROTECTED] wrote:

Hi,

If the choice of the colour orange is to add emphasis to this text, the
answer to this part is really a no brainer - code it with emphasis (the
actual colour/styling is down to the CSS). I would use strong markup for
this.



On Fri, May 25, 2007 7:56 pm, Nick Fitzsimons wrote:
 On 25 May 2007, at 18:03:06, Paul Collins wrote:

 Hi all,

 Just marking up a page, the layout seems to require various tags, as
 far as I can gather, I need seperate tags for:

 - The intro heading (a H2)
 - The orange intro text (not sure what tag to add here)
 - a smaller, bold heading, same size as body text (probably a h3)
 - a quote (probably a blockquote tag)

 My question is, what would be the best semantic tags to use here, that
 will be picked up by assistive technology and validate for XHTML 1.0
 Transitional. In particular, I want to know about the Orange intro
 text and the quote.

 Any suggestions would be great, I have posted a JPEG here:
 http://www.method.com.au/storage/sampleText.gif

 Assuming the page on which this will appear already has an h1:

 h2.../h2
 p class=introduction.../p
 h3...h3
 p.../p
 blockquotep.../p/blockquote
 p.../p

 and then apply things like the different font sizes  weights,
 colours and spacing with CSS.

 If there will only ever be one introductory paragraph per page, then
 you could use p id=introduction instead.

 HTH,

 Nick,
 --
 Nick Fitzsimons
 http://www.nickfitz.co.uk/





 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




--
Stuart Foulstone.
http://www.bigeasyweb.co.uk
BigEasy Web Design
69 Flockton Court
Rockingham Street
Sheffield
S1 4EB

Tel. 07751 413451


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Jamie Collins

Stay away from Strong. Strong is presentational, same as B, and I.
Presentation
should be in HTML and content in HTML.

use span class=important for text that needs to be emphasised.

On 5/26/07, Paul Collins [EMAIL PROTECTED] wrote:


OK, thanks for your help, I just thought there may be some kind of
HTML tag that adds seperate semantic value to the introductory
paragraph, to differentiate it from the strong text in the body, like
the big tag for example.

I will probably use the strong tag then.

Cheers
Paul


On 25/05/07, Stuart Foulstone [EMAIL PROTECTED] wrote:
 Hi,

 If the choice of the colour orange is to add emphasis to this text, the
 answer to this part is really a no brainer - code it with emphasis
(the
 actual colour/styling is down to the CSS). I would use strong markup
for
 this.



 On Fri, May 25, 2007 7:56 pm, Nick Fitzsimons wrote:
  On 25 May 2007, at 18:03:06, Paul Collins wrote:
 
  Hi all,
 
  Just marking up a page, the layout seems to require various tags, as
  far as I can gather, I need seperate tags for:
 
  - The intro heading (a H2)
  - The orange intro text (not sure what tag to add here)
  - a smaller, bold heading, same size as body text (probably a h3)
  - a quote (probably a blockquote tag)
 
  My question is, what would be the best semantic tags to use here,
that
  will be picked up by assistive technology and validate for XHTML 1.0
  Transitional. In particular, I want to know about the Orange intro
  text and the quote.
 
  Any suggestions would be great, I have posted a JPEG here:
  http://www.method.com.au/storage/sampleText.gif
 
  Assuming the page on which this will appear already has an h1:
 
  h2.../h2
  p class=introduction.../p
  h3...h3
  p.../p
  blockquotep.../p/blockquote
  p.../p
 
  and then apply things like the different font sizes  weights,
  colours and spacing with CSS.
 
  If there will only ever be one introductory paragraph per page, then
  you could use p id=introduction instead.
 
  HTH,
 
  Nick,
  --
  Nick Fitzsimons
  http://www.nickfitz.co.uk/
 
 
 
 
 
  ***
  List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
  Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
  Help: [EMAIL PROTECTED]
  ***
 
 


 --
 Stuart Foulstone.
 http://www.bigeasyweb.co.uk
 BigEasy Web Design
 69 Flockton Court
 Rockingham Street
 Sheffield
 S1 4EB

 Tel. 07751 413451


 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Jamie Collins

TYPO ALERT!

Presentation should be in CSS and Content in HTML.

God knows what made me type HTML twice.

On 5/26/07, Jamie Collins [EMAIL PROTECTED] wrote:


Stay away from Strong. Strong is presentational, same as B, and I.
Presentation
should be in HTML and content in HTML.

use span class=important for text that needs to be emphasised.

On 5/26/07, Paul Collins [EMAIL PROTECTED] wrote:

 OK, thanks for your help, I just thought there may be some kind of
 HTML tag that adds seperate semantic value to the introductory
 paragraph, to differentiate it from the strong text in the body, like
 the big tag for example.

 I will probably use the strong tag then.

 Cheers
 Paul


 On 25/05/07, Stuart Foulstone [EMAIL PROTECTED] wrote:
  Hi,
 
  If the choice of the colour orange is to add emphasis to this text,
 the
  answer to this part is really a no brainer - code it with emphasis
 (the
  actual colour/styling is down to the CSS). I would use strong markup
 for
  this.
 
 
 
  On Fri, May 25, 2007 7:56 pm, Nick Fitzsimons wrote:
   On 25 May 2007, at 18:03:06, Paul Collins wrote:
  
   Hi all,
  
   Just marking up a page, the layout seems to require various tags,
 as
   far as I can gather, I need seperate tags for:
  
   - The intro heading (a H2)
   - The orange intro text (not sure what tag to add here)
   - a smaller, bold heading, same size as body text (probably a h3)

   - a quote (probably a blockquote tag)
  
   My question is, what would be the best semantic tags to use here,
 that
   will be picked up by assistive technology and validate for XHTML
 1.0
   Transitional. In particular, I want to know about the Orange intro
   text and the quote.
  
   Any suggestions would be great, I have posted a JPEG here:
   http://www.method.com.au/storage/sampleText.gif
  
   Assuming the page on which this will appear already has an h1:
  
   h2.../h2
   p class=introduction.../p
   h3...h3
   p.../p
   blockquotep.../p/blockquote
   p.../p
  
   and then apply things like the different font sizes  weights,
   colours and spacing with CSS.
  
   If there will only ever be one introductory paragraph per page, then

   you could use p id=introduction instead.
  
   HTH,
  
   Nick,
   --
   Nick Fitzsimons
   http://www.nickfitz.co.uk/
  
  
  
  
  
   ***
   List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
   Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
   Help: [EMAIL PROTECTED]
   ***
  
  
 
 
  --
  Stuart Foulstone.
  http://www.bigeasyweb.co.uk
  BigEasy Web Design
  69 Flockton Court
  Rockingham Street
  Sheffield
  S1 4EB
 
  Tel. 07751 413451
 
 
  ***
  List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
  Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
  Help: [EMAIL PROTECTED]
  ***
 
 


 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Rob Kirton

Stay away from Strong. Strong is presentational, same as B, and I.
Presentation
should be in HTML and content in HTML.

use span class=important for text that needs to be emphasised.

I would argue to the contrary.  Strong has much more meaning than a span
class. The word /tag itself implies strength of content rather than a
default appearance in a bowser, cf with the address tag which indicates an
address, even though browser default appearance is italicised.

strong and span class=important could both be made to look the same by
means of the CSS presentational layer; however only one for them could ever
infer meaning to a bot, if it had been programmed to look for specific tags
and attempt to infer meaning. That is the strong tag.  The class
important means nothing other than a nine letter identifier of a class.
Web semantics are a case of providing an aid to text retrieval tools to
establish original authors meaning rather than provide meaning to a web
developer who may need to maintain a class library.

--
Regards

- Rob

Raising web standards  : http://ele.vation.co.uk
Linking in with others: http://linkedin.com/in/robkirton


On 26/05/07, Jamie Collins [EMAIL PROTECTED] wrote:


TYPO ALERT!

Presentation should be in CSS and Content in HTML.

God knows what made me type HTML twice.

On 5/26/07, Jamie Collins  [EMAIL PROTECTED] wrote:

 Stay away from Strong. Strong is presentational, same as B, and I.
 Presentation
 should be in HTML and content in HTML.

 use span class=important for text that needs to be emphasised.

 On 5/26/07, Paul Collins [EMAIL PROTECTED]  wrote:
 
  OK, thanks for your help, I just thought there may be some kind of
  HTML tag that adds seperate semantic value to the introductory
  paragraph, to differentiate it from the strong text in the body, like
  the big tag for example.
 
  I will probably use the strong tag then.
 
  Cheers
  Paul
 
 
  On 25/05/07, Stuart Foulstone  [EMAIL PROTECTED] wrote:
   Hi,
  
   If the choice of the colour orange is to add emphasis to this text,
  the
   answer to this part is really a no brainer - code it with emphasis
  (the
   actual colour/styling is down to the CSS). I would use strong
  markup for
   this.
  
  
  
   On Fri, May 25, 2007 7:56 pm, Nick Fitzsimons wrote:
On 25 May 2007, at 18:03:06, Paul Collins wrote:
   
Hi all,
   
Just marking up a page, the layout seems to require various tags,
  as
far as I can gather, I need seperate tags for:
   
- The intro heading (a H2)
- The orange intro text (not sure what tag to add here)
- a smaller, bold heading, same size as body text (probably a
  h3)
- a quote (probably a blockquote tag)
   
My question is, what would be the best semantic tags to use here,
  that
will be picked up by assistive technology and validate for XHTML
  1.0
Transitional. In particular, I want to know about the Orange
  intro
text and the quote.
   
Any suggestions would be great, I have posted a JPEG here:
http://www.method.com.au/storage/sampleText.gif
   
Assuming the page on which this will appear already has an h1:
   
h2.../h2
p class=introduction.../p
h3...h3
p.../p
blockquotep.../p/blockquote
p.../p
   
and then apply things like the different font sizes  weights,
colours and spacing with CSS.
   
If there will only ever be one introductory paragraph per page,
  then
you could use p id=introduction instead.
   
HTH,
   
Nick,
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
   
   
   
   
   
   
  ***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
   
  ***
   
   
  
  
   --
   Stuart Foulstone.
   http://www.bigeasyweb.co.uk
   BigEasy Web Design
   69 Flockton Court
   Rockingham Street
   Sheffield
   S1 4EB
  
   Tel. 07751 413451
  
  
   ***
   List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
   Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
   Help: [EMAIL PROTECTED]
   ***
  
  
 
 
  ***
  List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
  Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
  Help: [EMAIL PROTECTED]
  ***
 
 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Patrick H. Lauke

Jamie Collins wrote:
Stay away from Strong. Strong is presentational, same as B, and I. 


Aeh...excuse me? Since when?


Presentation
should be in CSS and content in HTML.

use span class=important for text that needs to be emphasised.


Sorry, but that's rubbish. If text *needs to be emphasised* you cannot 
recommend using a semantically neutral element (span) and relying on a 
class + css. The emphasis needs to be marked up in the actual content, 
with elements that semantically signify that emphasis. Emphasis changes 
the meaning of content, so cannot be divorced from content and split out 
into an optional presentational component like CSS.


Now, we could debate whether it should be em or strong (as the 
difference between the two is minimal, at least in the current HTML 
spec), but claiming that they're presentational is wrong.


P
--
Patrick H. Lauke
__
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
__
Co-lead, Web Standards Project (WaSP) Accessibility Task Force
http://webstandards.org/
__
Take it to the streets ... join the WaSP Street Team
http://streetteam.webstandards.org/
__


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Jamie Collins

Patrick,

It all depends on the person using it. I have seen alot of people use strong
to bold general peices of text. There is
a big difference in making text bold and empasising its meaning.

If the use for stong is a valid use, then i wont disagree. I must have
read the first post wrong, i thought thats what
he was trying to do.

On 5/26/07, Patrick H. Lauke [EMAIL PROTECTED] wrote:


Jamie Collins wrote:
 Stay away from Strong. Strong is presentational, same as B, and I.

Aeh...excuse me? Since when?

 Presentation
 should be in CSS and content in HTML.

 use span class=important for text that needs to be emphasised.

Sorry, but that's rubbish. If text *needs to be emphasised* you cannot
recommend using a semantically neutral element (span) and relying on a
class + css. The emphasis needs to be marked up in the actual content,
with elements that semantically signify that emphasis. Emphasis changes
the meaning of content, so cannot be divorced from content and split out
into an optional presentational component like CSS.

Now, we could debate whether it should be em or strong (as the
difference between the two is minimal, at least in the current HTML
spec), but claiming that they're presentational is wrong.

P
--
Patrick H. Lauke
__
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
__
Co-lead, Web Standards Project (WaSP) Accessibility Task Force
http://webstandards.org/
__
Take it to the streets ... join the WaSP Street Team
http://streetteam.webstandards.org/
__


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Tim Offenstein
Stay away from Strong. Strong is presentational, same as B, and I. 
Presentation

should be in HTML and content in HTML.

use span class=important for text that needs to be emphasised.

I would argue to the contrary.  Strong has much more meaning than a 
span class. The word /tag itself implies strength of content rather 
than a default appearance in a bowser, cf with the address tag 
which indicates an address, even though browser default appearance is 
italicised.


I would also add that I believe assistive technologies such as screen 
readers interpret strong where as they would ignore a span. 
Therefore use of the HTML element strong has semantic meaning which 
should not be dismissed.


-Tim
--

 Tim Offenstein  ***  College of Applied Health Sciences  *** 
(217) 244-2700
   CITES Departmental Services Web Specialist  *** 
www.uiuc.edu/goto/offenstein



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Paul Novitski

At 5/26/2007 05:59 AM, Paul Collins wrote:

OK, thanks for your help, I just thought there may be some kind of
HTML tag that adds seperate semantic value to the introductory
paragraph, to differentiate it from the strong text in the body, like
the big tag for example.

I will probably use the strong tag then.



I think the problem with using strong to demarcate your 
introduction isn't that strong is presentational (it's not) but 
rather that it does nothing to express what's different semantically 
about an introduction.  You may wish to present the introductory 
paragraph in a stronger font than the body of the article, but 
that's of course a matter of presentation and doesn't belong in the 
markup.  The introductory text itself isn't strongstronger/strong 
than the article body, is it?  It's just the introduction.


Since HTML doesn't contain an element that expresses the introductory 
nature of a text block, I second the motion to use p 
class=introduction.  It correctly marks up the introductory 
paragraph(s) as paragraphs, identifies them for styling purposes, and 
indicates to anyone or anything peering under the hood at the HTML 
what's different about this part of the article.


If any more explicit demarcation is felt necessary, I suggest using a 
subhead hnIntroduction/hn to indicate the nature of the block to follow.


Regards,

Paul
__

Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.com 




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Designer

Paul Novitski wrote:

I think the problem with using strong to demarcate your introduction 
isn't that strong is presentational (it's not) but rather that it does 
nothing to express what's different semantically about an introduction.  
You may wish to present the introductory paragraph in a stronger font 
than the body of the article, but that's of course a matter of 
presentation and doesn't belong in the markup.  The introductory text 
itself isn't strongstronger/strong than the article body, is it?  
It's just the introduction.


Since HTML doesn't contain an element that expresses the introductory 
nature of a text block, I second the motion to use p 
class=introduction.  It correctly marks up the introductory 
paragraph(s) as paragraphs, identifies them for styling purposes, and 
indicates to anyone or anything peering under the hood at the HTML 
what's different about this part of the article.


If any more explicit demarcation is felt necessary, I suggest using a 
subhead hnIntroduction/hn to indicate the nature of the block to 
follow.


Regards,

Paul
__


Presumably, p title=introduction  and p id=introduction would do 
the trick also?  My own preference would be for the latter.
Of course, if you are referring to a GROUP of paragraphs constituting 
the introduction, then Paul's class would have to be used.


--
Bob

www.gwelanmor-internet.co.uk



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Nick Fitzsimons

On 26 May 2007, at 18:04:38, Designer wrote:

Presumably, p title=introduction  and p id=introduction  
would do the trick also?


Using the title attribute means pointing-device-users would get a  
tooltip saying introduction obscuring the text if they happened to  
have the cursor hovering over that region. Not good usability, IMHO.


I occasionally come across sites that make extensive use of title,  
and 99 times out of 100 it's more of an impediment than a help. Even  
the supposed accessibility advantages are open to question:

http://juicystudio.com/article/using-title-attribute.php

I'd still vote for using a class, or an id if you can be certain it  
will only appear once a page. If the visual distinction in the  
required design actually does represent a semantically meaningful  
distinction between that paragraph and the others, rather than just  
being window dressing, then a pem... would probably be  
justifiable; I don't think that going all the way to strong is  
necessary.


Regards,

Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] semantic HTML for intro text

2007-05-26 Thread Steve Green
Totally agree. Applying 'title' attributes to block level elements is a
nightmare for users of screen magnifiers because they can't figure out how
to get rid of the tooltip whilst keeping the content in view. You would be
surprised how much of the screen is obscured by a tooltip at magnification
levels as low as 4x, given that magnifier users also tend to use 800x600
resolution.

Steve

 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Nick Fitzsimons
Sent: 26 May 2007 18:53
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] semantic HTML for intro text

On 26 May 2007, at 18:04:38, Designer wrote:

 Presumably, p title=introduction  and p id=introduction would 
 do the trick also?

Using the title attribute means pointing-device-users would get a tooltip
saying introduction obscuring the text if they happened to have the cursor
hovering over that region. Not good usability, IMHO.

I occasionally come across sites that make extensive use of title, and 99
times out of 100 it's more of an impediment than a help. Even the supposed
accessibility advantages are open to question:
http://juicystudio.com/article/using-title-attribute.php

I'd still vote for using a class, or an id if you can be certain it will
only appear once a page. If the visual distinction in the required design
actually does represent a semantically meaningful distinction between that
paragraph and the others, rather than just being window dressing, then a
pem... would probably be justifiable; I don't think that going all the
way to strong is necessary.

Regards,

Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Designer

Steve Green wrote:

Totally agree. Applying 'title' attributes to block level elements is a
nightmare for users of screen magnifiers because they can't figure out how
to get rid of the tooltip whilst keeping the content in view. You would be
surprised how much of the screen is obscured by a tooltip at magnification
levels as low as 4x, given that magnifier users also tend to use 800x600
resolution.

Steve

 


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Nick Fitzsimons
Sent: 26 May 2007 18:53
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] semantic HTML for intro text

On 26 May 2007, at 18:04:38, Designer wrote:

Presumably, p title=introduction  and p id=introduction would 
do the trick also?


Using the title attribute means pointing-device-users would get a tooltip
saying introduction obscuring the text if they happened to have the cursor
hovering over that region. Not good usability, IMHO.

I occasionally come across sites that make extensive use of title, and 99
times out of 100 it's more of an impediment than a help. Even the supposed
accessibility advantages are open to question:
http://juicystudio.com/article/using-title-attribute.php

I'd still vote for using a class, or an id if you can be certain it will
only appear once a page. If the visual distinction in the required design
actually does represent a semantically meaningful distinction between that
paragraph and the others, rather than just being window dressing, then a
pem... would probably be justifiable; I don't think that going all the
way to strong is necessary.

Regards,

Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/



Thanks, Yep, fair points. Noted!  :-)

--
Bob

www.gwelanmor-internet.co.uk



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] semantic HTML for intro text

2007-05-26 Thread Paul Novitski

At 5/26/2007 10:04 AM, Designer wrote:
Presumably, p title=introduction  and p id=introduction 
would do the trick also?  My own preference would be for the latter.
Of course, if you are referring to a GROUP of paragraphs 
constituting the introduction, then Paul's class would have to be used.


Yes, either an introduction consisting of multiple paragraphs or 
multiple introductions on the same page.  Since we don't really know 
the present and future architecture of the site in question, either 
of those possibilities seems so likely to occur, particularly the 
former, that painting oneself into a corner with id seems to beg for 
the busywork of modifying markup  stylesheet down the road.


Regards,

Paul
__

Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.com 




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] semantic HTML for intro text

2007-05-25 Thread Paul Collins

Hi all,

Just marking up a page, the layout seems to require various tags, as
far as I can gather, I need seperate tags for:

- The intro heading (a H2)
- The orange intro text (not sure what tag to add here)
- a smaller, bold heading, same size as body text (probably a h3)
- a quote (probably a blockquote tag)

My question is, what would be the best semantic tags to use here, that
will be picked up by assistive technology and validate for XHTML 1.0
Transitional. In particular, I want to know about the Orange intro
text and the quote.

Any suggestions would be great, I have posted a JPEG here:
http://www.method.com.au/storage/sampleText.gif

Cheers
Paul


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] semantic HTML for intro text

2007-05-25 Thread Nick Fitzsimons

On 25 May 2007, at 18:03:06, Paul Collins wrote:


Hi all,

Just marking up a page, the layout seems to require various tags, as
far as I can gather, I need seperate tags for:

- The intro heading (a H2)
- The orange intro text (not sure what tag to add here)
- a smaller, bold heading, same size as body text (probably a h3)
- a quote (probably a blockquote tag)

My question is, what would be the best semantic tags to use here, that
will be picked up by assistive technology and validate for XHTML 1.0
Transitional. In particular, I want to know about the Orange intro
text and the quote.

Any suggestions would be great, I have posted a JPEG here:
http://www.method.com.au/storage/sampleText.gif


Assuming the page on which this will appear already has an h1:

h2.../h2
p class=introduction.../p
h3...h3
p.../p
blockquotep.../p/blockquote
p.../p

and then apply things like the different font sizes  weights,  
colours and spacing with CSS.


If there will only ever be one introductory paragraph per page, then  
you could use p id=introduction instead.


HTH,

Nick,
--
Nick Fitzsimons
http://www.nickfitz.co.uk/





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] semantic HTML for intro text

2007-05-25 Thread Stuart Foulstone
Hi,

If the choice of the colour orange is to add emphasis to this text, the
answer to this part is really a no brainer - code it with emphasis (the
actual colour/styling is down to the CSS). I would use strong markup for
this.



On Fri, May 25, 2007 7:56 pm, Nick Fitzsimons wrote:
 On 25 May 2007, at 18:03:06, Paul Collins wrote:

 Hi all,

 Just marking up a page, the layout seems to require various tags, as
 far as I can gather, I need seperate tags for:

 - The intro heading (a H2)
 - The orange intro text (not sure what tag to add here)
 - a smaller, bold heading, same size as body text (probably a h3)
 - a quote (probably a blockquote tag)

 My question is, what would be the best semantic tags to use here, that
 will be picked up by assistive technology and validate for XHTML 1.0
 Transitional. In particular, I want to know about the Orange intro
 text and the quote.

 Any suggestions would be great, I have posted a JPEG here:
 http://www.method.com.au/storage/sampleText.gif

 Assuming the page on which this will appear already has an h1:

 h2.../h2
 p class=introduction.../p
 h3...h3
 p.../p
 blockquotep.../p/blockquote
 p.../p

 and then apply things like the different font sizes  weights,
 colours and spacing with CSS.

 If there will only ever be one introductory paragraph per page, then
 you could use p id=introduction instead.

 HTH,

 Nick,
 --
 Nick Fitzsimons
 http://www.nickfitz.co.uk/





 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




-- 
Stuart Foulstone.
http://www.bigeasyweb.co.uk
BigEasy Web Design
69 Flockton Court
Rockingham Street
Sheffield
S1 4EB

Tel. 07751 413451


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***