RE: [WSG] screen reader friendly and keyboard accessible popup?

2011-02-25 Thread Smith, Jamie
After the click me link is selected a person using speech read

 Keyboard Accessible Popup
Click me - This is keyboard accessible, but will the empty link creates
redundant noise for screen reader?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Close
 Click me

The person did not like the redundant text and wonder why a regular
message box wasn't used.


-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of tee
Sent: Wednesday, February 23, 2011 5:21 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] screen reader friendly and keyboard accessible popup?

Please take a look at this example. The first example is keyboard
accessible however I am also concern with the empty link that may create
extra noise for screen reader, e.g if every single page has a popup, it
will have two empty links, one is the popup trigger and the other the
close link. Sure it's just two empty links, as I started using VoiceOver
more frequent to test the sites, I find the two links quite annoying.

http://jsbin.com/efimu5

Is there a much better approach that works great for both keyboard and
screen reader user? Was looking up the keypress and focus events,
but not certain they are good for such function.

Thanks!


tee

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



RE: [WSG] breaks, lists in a form or not, and more or less divs

2009-12-30 Thread Smith, Jamie
Definitely, the way speech readers noted they would like it. 

 

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Ben Buchanan
Sent: Sunday, December 06, 2009 10:42 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] breaks, lists in a form or not, and more or less divs

 

 

In case of a poem, if I place every verse in a paragraph, what
do I do with each line of text in the verse? Is this one of the very few
occasions to use breaks? A verse doesn't seem a list to me... or is it?
I like your opinion.

 

This one has been debated a few times and it seems to come down to two
common suggestions; paragraphs + breaks, or pre. I think both are fine,
although I prefer paragraphs and breaks unless the poem has particularly
significant formatting which requires pre.

 

So, in order of preference...

 

p

First line of poembr /

Middle line of poembr /

Last line of poem/p

 

Semantically fine, since the meaning relies on line breaks and I'm happy
to consider each verse as a paragraph.

 

Or..

 

pre

The author put this line over here

  but this one here

this one way over here

  ...and the form and layout is part of the poem's message

/pre

 

(hopefully that whitespace will survive ;)). Semantically ok as the
content is preformatted. It's not strong semantics but there's not
much else to work with and it gets the job done.

 

 

In the very few tutorials I have seen about how to markup a form
semantically, both were using  a list in the form. To me that seems
totally unneccessary plus too much markup. Does anyone know what can be
the reason of doing it that way?

 

Some people feel that each line of the form is the next step in a list
of items to be filled out, and also to make the grouping clear; others
are simply being pragmatic about the need for something to work with for
style. I'm sure there will be other reasons too. It's not required, but
I don't think it's a bad technique.

 

Personally I'm quite comfortable putting each line of a form into a div
(for complex forms you need *something*); but I tend to use
fieldset+legend to ensure the grouping is obvious.

 

Hope that helps :)

 

cheers,

Ben





-- 
--- http://weblog.200ok.com.au/
--- The future has arrived; it's just not 
--- evenly distributed. - William Gibson

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***