[WSG] skip links

2009-10-28 Thread designer
Can anyone point me to the best way of providing a 'skip nav' procedure which 
is invisible to sighted readers but is picked up by screen readers?  It seems a 
can of worms - I've searched and read about it, but (of course) it is 
impossible to find out which way is recommended by real world web designers who 
have actually used a bullet-proof approach.

I'd be really grateful . . .

Thanks,

Bob


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


Re: [WSG] skip links

2009-10-28 Thread Nancy Johnson
Might I suggest article from Webaim.org
http://www.webaim.org/techniques/skipnav/
Don't forget about the mobility impaired user as well.

Nancy

On Wed, Oct 28, 2009 at 9:36 AM, designer
desig...@gwelanmor-internet.co.uk wrote:
 Can anyone point me to the best way of providing a 'skip nav' procedure
 which is invisible to sighted readers but is picked up by screen readers?
 It seems a can of worms - I've searched and read about it, but (of course)
 it is impossible to find out which way is recommended by real world web
 designers who have actually used a bullet-proof approach.

 I'd be really grateful . . .

 Thanks,

 Bob


 ***
 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] skip links

2009-10-28 Thread Steve Green
I always point people to http://blackwidows.co.uk/. The links are accessible
to screen readers and are displayed when they have focus so they are
accessible to sighted users who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of designer
Sent: 28 October 2009 13:37
To: wsg@webstandardsgroup.org
Subject: [WSG] skip links


Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers but is picked up by screen readers?
It seems a can of worms - I've searched and read about it, but (of course)
it is impossible to find out which way is recommended by real world web
designers who have actually used a bullet-proof approach.
 
I'd be really grateful . . .
 
Thanks,
 
Bob



***
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
***

[WSG] Re: WSG Digest

2009-10-28 Thread Richard Mather
Hi Bob,

According to Wikipedia, the UK Government recommends accesskey=s for skip
nav:

http://en.wikipedia.org/wiki/Access_key#Use_of_standard_access_key_mappings


Rich

2009/10/29 wsg@webstandardsgroup.org

 *
 WEB STANDARDS GROUP MAIL LIST DIGEST
 *


 From: designer desig...@gwelanmor-internet.co.uk
 Date: Wed, 28 Oct 2009 13:36:32 -
 Subject: skip links

 Can anyone point me to the best way of providing a 'skip nav' procedure
 which is invisible to sighted readers but is picked up by screen
 readers?  It seems a can of worms - I've searched and read about it, but
 (of course) it is impossible to find out which way is recommended by
 real world web designers who have actually used a bullet-proof approach.

 I'd be really grateful . . .

 Thanks,

 Bob


 **
 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] Re: WSG Digest

2009-10-28 Thread ピエールランリ・ラヴィン


Actually is not enough. Accesskey is a good way about the accessibility, 
but it's not completed.

I didn't check the latest WCAG and the latest version of screen readers but:
* Keyboards shortcuts depend from the UA (the specifications didn't 
define it)

* Users may define preferences keys
* Most of the screen readers set the priorities to the website, so if 
you use a key not defined by the user but already defined by the 
browsers (like 'd'), you can private them from native functionalities
* A few screen readers like IBM Home Page Reader set the priorities to 
the user so some accesskeys may be ignored in case of conflicts

* Exotic keys like \ ] ( most unused ) may not work.

So primary:
* Set in the head of html a bunch of primary links as link tag (link 
rel=start href=http://www.mysite.com; title=Home Page /link 
rel=help ...)
* At least a skip to content link on TOP of your page (means top of 
the HTML page, not after iframe or ads or anything, just after the body.
I don't remember the book (maybe Mr Zeldmann), citing 
http://www.jimthatcher.com/ (good example with focus only).
* an additional block of skipping links at the top of the page too, like 
those defined by BBC - http://www.bbc.co.uk, great example too of skip nav
* Then a block of visible links like help, select a skin typically ideal 
to introduce stuffs like style switcher, etc..

* Use correctly the titles h1, h2, h3, h4, h5, h6
* Use tabindex. you can play with tags like div - a, setting a tabindex 
and a title attribute

* And of course write the 'help page' about how using your site

Accessibility depends from the country too, but I think in Europe most 
the countries are using the following accesskeys:

Key 0: list of accesskeys , may be defined in the accessibility / help page.
Key 1: home page (key not working with IBM Home Page Reader)
Key 2: news
Key 3: sitemap
Key 4: form, for example search form
Key 5: FAQ, glossary, etc...
Key 6: help about using the website
Key 7: email contact
Key 8: copyrights, license, ...
Key 9: guestbook, feedback

So accesskeys are great but only one of the way to enhance the 
accessibility.
Great french article: 
http://openweb.eu.org/articles/accesskey_essai_non_transforme.


One of the famous trick in css then is to use .off-left { 
position:absolute; left:-9px; } for example instead of display:none, 
to set content outside of the screens but keep it readable by screen 
readers.


Cheers and enjoy ! ! !

Richard Mather さんは書きました:

Hi Bob,

According to Wikipedia, the UK Government recommends accesskey=s for 
skip nav:


http://en.wikipedia.org/wiki/Access_key#Use_of_standard_access_key_mappings


Rich

2009/10/29 wsg@webstandardsgroup.org mailto:wsg@webstandardsgroup.org

*
WEB STANDARDS GROUP MAIL LIST DIGEST
*


From: designer desig...@gwelanmor-internet.co.uk
mailto:desig...@gwelanmor-internet.co.uk
Date: Wed, 28 Oct 2009 13:36:32 -
Subject: skip links

Can anyone point me to the best way of providing a 'skip nav'
procedure
which is invisible to sighted readers but is picked up by screen
readers?  It seems a can of worms - I've searched and read about
it, but
(of course) it is impossible to find out which way is recommended by
real world web designers who have actually used a bullet-proof
approach.

I'd be really grateful . . .

Thanks,

Bob


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




***
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
***



[WSG] Accessibility and HTML Emails

2009-10-28 Thread kris wright
Hi everyone,

I work in a small web shop in Canada. We have recently been discussing HTML
formatted emails, and accessibility standards or best practices.

We have been struggling a little bit, as we often work with WCAG 1 and 2 as
baseline standards for web page accessibility. However, WCAG standards, like
most of what the W3C produces, is by definition intended to be applied to
content on the World Wide Web. Adding in the fact that email clients vary
wildly in their HTML rendering capabilities, and on occasion actually modify
your HTML code makes things even more confusing.

I think there is a lot of valuable and reusable guidance from WCAG 12 that
could be applied to HTML emails (color contrast, content logical when
linearized, alternative text, etc), and there are a lot of HTML email best
practices on sites such as Campaign Monitor. Using these, we're in the
process of trying to assemble our own set of guidelines, accepting the
reality that HTML is here to stay in our organization, so we might as well
make it as accessible as possible.

Does anybody have any recommended best practices or standards with regards
to HTML emails that they would be willing to share?

Saying no HTML emails is an easy way out for us, but it's not a realistic
option.

Thanks!

Kris


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

Re: [WSG] Accessibility and HTML Emails

2009-10-28 Thread S.R. Emerson
You can have a look at The Email Standards Project 
http://www.email-standards.org/ for information.

Also, if you want to build a set of guidelines that will work in the future, 
you might want to read these two:
Microsoft to ignore web standards in Outlook 2010 - enough is enough 
http://www.email-standards.org/blog/entry/microsoft-to-ignore-web-standards/

Microsoft responds to our call for standards support 
http://www.email-standards.org/blog/entry/microsoft-respond-to-our-call-for-standards-support/

S. Emerson
Accrete Web Solutions
http://www.accretewebsolutions.ca
On Twitter: http://twitter.com/accrete


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


RE: [WSG] skip links

2009-10-28 Thread Mark Huppert
Steve
 
One way to do it is make a transparent gif of 1px x 1px. Then
embed that in your link with no text. Have an ALT or a TITLE with
'skip navigation'
 
a href=#top img title=Skip navigation alt=Skip navigation
src=/screens/dot/gif  //a
 
regards

Mark


Mark Huppert
Library Systems and Web Coordinator
Division of Information
R.G. Menzies Building (#2)
The Australian National University
ACTON ACT 0200

T: +61 02 6125 2752
F: +61 02 6125 4063
W: http://anulib.anu.edu.au/about/

CRICOS Provider #00120C


 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Steve Green
Sent: Thursday, 29 October 2009 12:52 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


I always point people to http://blackwidows.co.uk/. The links are
accessible to screen readers and are displayed when they have focus so
they are accessible to sighted users who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of designer
Sent: 28 October 2009 13:37
To: wsg@webstandardsgroup.org
Subject: [WSG] skip links


Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers but is picked up by screen
readers?  It seems a can of worms - I've searched and read about it, but
(of course) it is impossible to find out which way is recommended by
real world web designers who have actually used a bullet-proof approach.
 
I'd be really grateful . . .
 
Thanks,
 
Bob



***
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
*** 


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


RE: [WSG] skip links

2009-10-28 Thread Mark Huppert
spot the typo 
 

regards

Mark



 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Mark Huppert
Sent: Thursday, 29 October 2009 10:34 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


Steve
 
One way to do it is make a transparent gif of 1px x 1px. Then
embed that in your link with no text. Have an ALT or a TITLE with
'skip navigation'
 
a href=#top img title=Skip navigation alt=Skip navigation
src=/screens/dot/gif  //a
 
regards

Mark


Mark Huppert
Library Systems and Web Coordinator
Division of Information
R.G. Menzies Building (#2)
The Australian National University
ACTON ACT 0200

T: +61 02 6125 2752
F: +61 02 6125 4063
W: http://anulib.anu.edu.au/about/

CRICOS Provider #00120C


 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Steve Green
Sent: Thursday, 29 October 2009 12:52 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


I always point people to http://blackwidows.co.uk/. The links are
accessible to screen readers and are displayed when they have focus so
they are accessible to sighted users who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of designer
Sent: 28 October 2009 13:37
To: wsg@webstandardsgroup.org
Subject: [WSG] skip links


Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers but is picked up by screen
readers?  It seems a can of worms - I've searched and read about it, but
(of course) it is impossible to find out which way is recommended by
real world web designers who have actually used a bullet-proof approach.
 
I'd be really grateful . . .
 
Thanks,
 
Bob



***
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
*** 
***
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] skip links

2009-10-28 Thread Steve Green
A 1-pixel image works for screen reader users but it is no use for sighted
people who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Mark Huppert
Sent: 28 October 2009 23:37
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


spot the typo 
 

regards

Mark



 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Mark Huppert
Sent: Thursday, 29 October 2009 10:34 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


Steve
 
One way to do it is make a transparent gif of 1px x 1px. Then
embed that in your link with no text. Have an ALT or a TITLE with
'skip navigation'
 
a href=#top img title=Skip navigation alt=Skip navigation
src=/screens/dot/gif  //a
 
regards

Mark


Mark Huppert
Library Systems and Web Coordinator
Division of Information
R.G. Menzies Building (#2)
The Australian National University
ACTON ACT 0200

T: +61 02 6125 2752
F: +61 02 6125 4063
W: http://anulib.anu.edu.au/about/

CRICOS Provider #00120C


 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Steve Green
Sent: Thursday, 29 October 2009 12:52 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


I always point people to http://blackwidows.co.uk/. The links are accessible
to screen readers and are displayed when they have focus so they are
accessible to sighted users who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of designer
Sent: 28 October 2009 13:37
To: wsg@webstandardsgroup.org
Subject: [WSG] skip links


Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers but is picked up by screen readers?
It seems a can of worms - I've searched and read about it, but (of course)
it is impossible to find out which way is recommended by real world web
designers who have actually used a bullet-proof approach.
 
I'd be really grateful . . .
 
Thanks,
 
Bob



***
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
*** 
***
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
*** 


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

RE: [WSG] skip links

2009-10-28 Thread Mark Huppert
Thanks for that Steve - but I was trying answer the question:
 
Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers 
 

regards

Mark




  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Steve Green
Sent: Thursday, 29 October 2009 11:01 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


A 1-pixel image works for screen reader users but it is no use for
sighted people who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Mark Huppert
Sent: 28 October 2009 23:37
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


spot the typo 
 

regards

Mark



 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Mark Huppert
Sent: Thursday, 29 October 2009 10:34 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


Steve
 
One way to do it is make a transparent gif of 1px x 1px. Then
embed that in your link with no text. Have an ALT or a TITLE with
'skip navigation'
 
a href=#top img title=Skip navigation alt=Skip navigation
src=/screens/dot/gif  //a
 
regards

Mark


Mark Huppert
Library Systems and Web Coordinator
Division of Information
R.G. Menzies Building (#2)
The Australian National University
ACTON ACT 0200

T: +61 02 6125 2752
F: +61 02 6125 4063
W: http://anulib.anu.edu.au/about/

CRICOS Provider #00120C


 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Steve Green
Sent: Thursday, 29 October 2009 12:52 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


I always point people to http://blackwidows.co.uk/. The links are
accessible to screen readers and are displayed when they have focus so
they are accessible to sighted users who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of designer
Sent: 28 October 2009 13:37
To: wsg@webstandardsgroup.org
Subject: [WSG] skip links


Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers but is picked up by screen
readers?  It seems a can of worms - I've searched and read about it, but
(of course) it is impossible to find out which way is recommended by
real world web designers who have actually used a bullet-proof approach.
 
I'd be really grateful . . .
 
Thanks,
 
Bob



***
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
*** 
***
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
*** 
***
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] Accessibility and HTML Emails

2009-10-28 Thread Felix Miata
On 2009/10/28 17:37 (GMT-0400) kris wright composed:

 email clients vary
 wildly in their HTML rendering capabilities, and on occasion actually modify
 your HTML code makes things even more confusing.

Email is supposed to be text communication. Web pages are web pages. If you
want your email recipients to reliably see web pages nearly as you intend for
them to look, have them open them in their web browsers instead of their
email clients. Make the email 100% plain text only, and provide in the email
a URL to the HTML (and CSS) formatted version on your web host.

Most HTML email that arrives here is redirected to the bit bucket, since HTML
in email is a highly favored spammer malware delivery method. Whatever HTML
email doesn't reach the bit bucket is seen as (big enough to read) plain text
anyway, courtesy of my email app, which has been directed to show all
messages only as plain text.
-- 
   A patriot without religion . . . is as great a
paradox, as an honest man without the fear of God. . . .
2nd U.S. President, John Adams
 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://fm.no-ip.com/


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



Re: [WSG] Accessibility and HTML Emails

2009-10-28 Thread Hassan Schroeder

Felix Miata wrote:

Email is supposed to be text communication. 


And yet, remarkably, there's multipart/alternative as a MIME type.
Go figure.

--
Hassan Schroeder - has...@webtuitive.com
webtuitive design ===  (+1) 408-621-3445   === http://webtuitive.com
twitter: @hassan
  dream.  code.


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



Re: [WSG] skip links

2009-10-28 Thread Joseph Taylor

Mark,

I just add something like this to things that are for mobile/text-only:

style type=text/css media=screen.noscreen { text-index: -3000px; 
}/style

a class=noscreen href=#placeSkip Link/a

It's not perfect (keyboard users with a full blown browser will have to 
tab through them but won't see the links) but combining that concept 
with a little user agent sniffing on the server side of things improve 
your odds of satisfying the needs of everyone.


Joseph R. B. Taylor
/Designer / Developer/
--
Sites by Joe, LLC
/Clean, Simple and Elegant Web Design/
Phone: (609) 335-3076
Web: http://sitesbyjoe.com
Email: j...@sitesbyjoe.com


On 10/28/09 8:19 PM, Mark Huppert wrote:

Thanks for that Steve - but I was trying answer the question:
Can anyone point me to the best way of providing a 'skip nav' 
procedure which is invisible to sighted readers 


regards

Mark



*From:* li...@webstandardsgroup.org 
[mailto:li...@webstandardsgroup.org] *On Behalf Of *Steve Green

*Sent:* Thursday, 29 October 2009 11:01 AM
*To:* wsg@webstandardsgroup.org
*Subject:* RE: [WSG] skip links

A 1-pixel image works for screen reader users but it is no use for 
sighted people who use keyboard navigation.



*From:* li...@webstandardsgroup.org 
[mailto:li...@webstandardsgroup.org] *On Behalf Of *Mark Huppert

*Sent:* 28 October 2009 23:37
*To:* wsg@webstandardsgroup.org
*Subject:* RE: [WSG] skip links

spot the typo 

regards

Mark



*From:* li...@webstandardsgroup.org 
[mailto:li...@webstandardsgroup.org] *On Behalf Of *Mark Huppert

*Sent:* Thursday, 29 October 2009 10:34 AM
*To:* wsg@webstandardsgroup.org
*Subject:* RE: [WSG] skip links

Steve
One way to do it is make a transparent gif of 1px x 1px. Then
embed that in your link with no text. Have an ALT or a TITLE with
'skip navigation'
a href=#top img title=Skip navigation alt=Skip navigation 
src=/screens/dot/gif  //a

regards

Mark


Mark Huppert
Library Systems and Web Coordinator
Division of Information
R.G. Menzies Building (#2)
The Australian National University
ACTON ACT 0200

T: +61 02 6125 2752
F: +61 02 6125 4063
W: http://anulib.anu.edu.au/about/

CRICOS Provider #00120C



*From:* li...@webstandardsgroup.org 
[mailto:li...@webstandardsgroup.org] *On Behalf Of *Steve Green

*Sent:* Thursday, 29 October 2009 12:52 AM
*To:* wsg@webstandardsgroup.org
*Subject:* RE: [WSG] skip links

I always point people to http://blackwidows.co.uk/. The links are 
accessible to screen readers and are displayed when they have focus so 
they are accessible to sighted users who use keyboard navigation.


*From:* li...@webstandardsgroup.org 
[mailto:li...@webstandardsgroup.org] *On Behalf Of *designer

*Sent:* 28 October 2009 13:37
*To:* wsg@webstandardsgroup.org
*Subject:* [WSG] skip links

Can anyone point me to the best way of providing a 'skip nav' 
procedure which is invisible to sighted readers but is picked up by 
screen readers?  It seems a can of worms - I've searched and read 
about it, but (of course) it is impossible to find out which way is 
recommended by real world web designers who have actually used a 
bullet-proof approach.

I'd be really grateful . . .
Thanks,
Bob



***
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
***
***
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
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm

RE: [WSG] skip links

2009-10-28 Thread Steve Green
Understood. I was addressing the common misconception that skip links are
only for screen reader users. Bob may have had a reason for phrasing the
question the way he did, but it probably should have been phrased
differently.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Mark Huppert
Sent: 29 October 2009 00:19
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


Thanks for that Steve - but I was trying answer the question:
 
Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers 
 

regards

Mark




  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Steve Green
Sent: Thursday, 29 October 2009 11:01 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


A 1-pixel image works for screen reader users but it is no use for sighted
people who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Mark Huppert
Sent: 28 October 2009 23:37
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


spot the typo 
 

regards

Mark



 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Mark Huppert
Sent: Thursday, 29 October 2009 10:34 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


Steve
 
One way to do it is make a transparent gif of 1px x 1px. Then
embed that in your link with no text. Have an ALT or a TITLE with
'skip navigation'
 
a href=#top img title=Skip navigation alt=Skip navigation
src=/screens/dot/gif  //a
 
regards

Mark


Mark Huppert
Library Systems and Web Coordinator
Division of Information
R.G. Menzies Building (#2)
The Australian National University
ACTON ACT 0200

T: +61 02 6125 2752
F: +61 02 6125 4063
W: http://anulib.anu.edu.au/about/

CRICOS Provider #00120C


 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Steve Green
Sent: Thursday, 29 October 2009 12:52 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links


I always point people to http://blackwidows.co.uk/. The links are accessible
to screen readers and are displayed when they have focus so they are
accessible to sighted users who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of designer
Sent: 28 October 2009 13:37
To: wsg@webstandardsgroup.org
Subject: [WSG] skip links


Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers but is picked up by screen readers?
It seems a can of worms - I've searched and read about it, but (of course)
it is impossible to find out which way is recommended by real world web
designers who have actually used a bullet-proof approach.
 
I'd be really grateful . . .
 
Thanks,
 
Bob



***
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
*** 
***
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
*** 
***
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
*** 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: 

RE: [WSG] skip links

2009-10-28 Thread Raul Ferrer
I've been always under the impression that sighted users surfing with a
keyboard, have it easier to realize if there's a Skip Navigation link (since
nothing gets on focus) and it's easier for them to navigate with tab key, so
it's not such a burden.

I mean, suffering the navigation on a screen reader on every page is
painful, but a sighted user can work himself better on the page with a
keyboard.

 

That's why I always put a div with the skip to links on top of the
document and then move them to the left off the site. Keyboards find them
first (though they don't show) and screen readers see them.

 

It's better not to make Skip to navigation visible, since most users won't
understand what's that for, and on many cases, they won't even realize
what's happening, since the page won't change if you click on it.

 

Anyway, my 2c ;)

 

Cheers

 

Raul

 

 

www.raulferrer.com http://www.raulferrer.com/ 

webdesign  development

 

 

  _  

De: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] En
nombre de Steve Green
Enviado el: jueves, 29 de octubre de 2009 2:17
Para: wsg@webstandardsgroup.org
Asunto: RE: [WSG] skip links

 

Understood. I was addressing the common misconception that skip links are
only for screen reader users. Bob may have had a reason for phrasing the
question the way he did, but it probably should have been phrased
differently.

 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Mark Huppert
Sent: 29 October 2009 00:19
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links

Thanks for that Steve - but I was trying answer the question:

 

Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers 

 

regards

Mark

 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Steve Green
Sent: Thursday, 29 October 2009 11:01 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links

A 1-pixel image works for screen reader users but it is no use for sighted
people who use keyboard navigation.

 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Mark Huppert
Sent: 28 October 2009 23:37
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links

spot the typo 

 

regards

Mark

 

 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Mark Huppert
Sent: Thursday, 29 October 2009 10:34 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links

Steve

 

One way to do it is make a transparent gif of 1px x 1px. Then

embed that in your link with no text. Have an ALT or a TITLE with

'skip navigation'

 

a href=#top img title=Skip navigation alt=Skip navigation
src=/screens/dot/gif  //a

 

regards

Mark


Mark Huppert
Library Systems and Web Coordinator
Division of Information
R.G. Menzies Building (#2)
The Australian National University
ACTON ACT 0200

T: +61 02 6125 2752
F: +61 02 6125 4063
W: http://anulib.anu.edu.au/about/

CRICOS Provider #00120C


 

 

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Steve Green
Sent: Thursday, 29 October 2009 12:52 AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] skip links

I always point people to http://blackwidows.co.uk/. The links are accessible
to screen readers and are displayed when they have focus so they are
accessible to sighted users who use keyboard navigation.

  _  

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of designer
Sent: 28 October 2009 13:37
To: wsg@webstandardsgroup.org
Subject: [WSG] skip links

Can anyone point me to the best way of providing a 'skip nav' procedure
which is invisible to sighted readers but is picked up by screen readers?
It seems a can of worms - I've searched and read about it, but (of course)
it is impossible to find out which way is recommended by real world web
designers who have actually used a bullet-proof approach.

 

I'd be really grateful . . .

 

Thanks,

 

Bob




***
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
*** 
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: