[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 ***
Re: [WSG] skip links
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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:
