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
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] legal list numbering
Andrew You cannot mess around with legal documents by removing or changing numbering. If you can't code it up in html, it might be better to use pre or even to publish it in pdf. regards Mark Mark Huppert Library Web Development Integrated Library Management System 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 -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Andrew Harris Sent: Wednesday, 26 August 2009 3:12 PM To: WSG Subject: [WSG] legal list numbering How do people get around the problem of marking up ordered lists in legal documents, such as policies or terms and conditions? A typical structure might look like: 1 blah blah blah 1.1 blah blah blah 1.2 blah blah blah 1.2.1 blah blah blah 1.2.2 blah blah blah 1.3 blah blah blah 2 blah blah blah 2.1 blah blah blah 2.1.1 blah blah blah* I've seen a variety of convoluted javascript and CSS methods, but they're all hacks for what is essentially a pretty logical structure... nested ordered lists! I have to admit, I haven't even checked whether this is addressed in html 5. * BTW: I've read lots of legal documents and I reckon the text can mostly be replaced with blah blah blah without affecting their meaning. -- Andrew Harris and...@woowoowoo.com http://www.woowoowoo.com ~~~ * ~~~ *** 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] Fixed Sidebar Fluid Content - Source Order Limitations
Ben
If the window gets below a certain width,
then inevitably the content must pop up
above the fixed width sidebar. That is the whole point
of the content first approach, I thought.
It's true that with an extremely wide screen a
gap will open up. I guess if that's a problem for your
client, then it's your problem.
Another way to handle this is to use javascript to
manually adjust the style settings according to the
screen size.
regards
Mark
Mark Huppert
Library Web Development
Integrated Library Management System 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
-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Ben Davies
Sent: Monday, 17 August 2009 4:14 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Fixed Sidebar Fluid Content - Source Order
Limitations
Hi Kepler,
You may want to try max-width on your main content. I'm not sure if
that will work for you since you didn't post a link.
I tried max- and min-width in a few combinations and could not get it
to work (and makes my content no longer fluid ).
Hi Mark
Thanks for the sample code. The problem with that approach is that if
the window is too small the sidebar will drop down. If it is too large
my content area will grow but I will introduce a big gap between the
sidebar and the content.
The markup below demonstrates what I currently have. Works great but I
suspect content-first source ordering is impossible:
htmlhead
titletest/title
style type=text/css
#cont {
padding:10px;
margin-left: 220px;
}
#sidebar {
float:left;
background: #DD;
margin: 10px;
margin-right:0px;
font-size:90%;
width:200px;
}
/style
/head
body
div id=wrap
div id=sidebar
Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar Sidebar
Sidebar
/div
div id=contcontent
content content content content content content content content content
content
content content content content content content content content content
content
content content content content content content content content content
content
content content content content content content content content content
content
content content
/div
/div
/body/html
Ben Davies
***
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] Fixed Sidebar Fluid Content - Source Order Limitations
Ben
This works ok - or have I misunderstood you? Maybe
the alignment isn't good enough for the 'big end of town' though.
htmlhead
titletest/title
style type=text/css
#cont {float:right;width:81%;border:1px solid red;}
#sidebar {float:left;width:200px;background-color:green;color:#ff;}
/style
/head
body
div id=contcontent/div
div id=sidebarABC/div
/body/html
regards
Mark
Mark Huppert
Library Web Development
Integrated Library Management System 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 Ben Davies
Sent: Monday, 17 August 2009 1:35 PM
To: Web Standards Mailing List
Subject: [WSG] Fixed Sidebar Fluid Content - Source Order Limitations
Hi Everyone,
I am working on a site with a fixed sidebar panel and fluid content.
After some research I think I have discovered a CSS source order
limitation particular to this layout. Can anyone confirm whether this
sounds correct:
- To put my content first in the markup, my content needs to be floated
(for a following sidebar)
- My content is fluid, so I can not assign a width
- According http://css.maxdesign.com.au/floatutorial/introduction.htm
you must set an explicit width on a floated elemented except img tags as
per the W3C (he references
http://www.w3.org/TR/CSS2/visuren.html#floats, but I can not find exact
statement).
- Therefore my fluid content can not appear with in my markup, my fixed
width sidebar must appear first and be floated instead.
Does that sound right? Regardless of W3C I could not get my content to
remain fluid, come first in the markup and still allow my fixed-width
sidebar to float up beside it.
Thanks for any feedback.
Ben Davies
***
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] DIV Javascript Problem
You're out of your depth Aaron. A programmer
is required.
regards
Mark
Mark Huppert
Library Web Development
Integrated Library Management System 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
-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Aaron Wheeler
Sent: Monday, 29 June 2009 7:32 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] DIV Javascript Problem
Hi All
I was wondering if I can pick all your brains on an issue I am facing.
I am not a big coder and good when it comes to JavaScript. I have
recently
taken charge of maintaining a website for a client who uses divs to
display
data onto a .htm page. They do not want to use .php and mysql data
basing as
they are worried about losing their ranking in the search engines.
Here is an extract of the coding.
script language=javascript src=rates.js/script -
obviously
imports the divs with the prices attached.
body onLoad=loadPrices('ox001, ment001 ,hvh001 ,vhw001')
And in the .htm document I have the code.
div id=hvh001/div
So I was wondering why this does not always work and especially when I
seem
to update pages using dreamweaver.
I dunno how this works or why it even works.
I am trying to convince the client to turn their whole site into a
database
driven site so these problems don't happen and you do not have bad code
however we all have clients who do not wish to listen so any advice
would be
great.
If you have any issues regarding this email please feel free to contact
me
on the details below.
Aaron Wheeler
Tel: 01483 860 235
Email: aa...@stageguy.co.uk
Web: www.stageguy.co.uk
Stageguy Designs Limited. Registered in England and Wales No. 6814665
Registered Office: 788-790 Finchley Road London NW11 7TJ
Stageguy Designs Ltd raises money for charity with Everyclick.com -
http://www.everyclick.com/stageguy-designs-ltd
***
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] My best practice HTML sheet
This file gives me 482 errors and 6 warnings from the W3C parser plugin for Firefox. Adobe Acrobat was unable to parse it. regards Mark Mark Huppert Library Web Development Integrated Library Management System 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 -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Keryx Web Sent: Friday, 26 June 2009 5:29 AM To: wsg@webstandardsgroup.org Subject: [WSG] My best practice HTML sheet Hello all! I have updated my best practice table at http://keryx.se/resources/html-elements/ I've switched from XHTML to HTML and I've added an experimental layout with rotated column headers in Firefox 3.5 (JS required, but progressive enhancement is used). Please report any content issues. Please report any problems in FFox 3.5. Known issue: The checkmarks (✓) do not work in MSIE or Webkit based browsers. It does not make the table less understandable though. -- Keryx Web (Lars Gunther) http://keryx.se/ http://twitter.com/itpastorn/ http://itpastorn.blogspot.com/ *** 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] Chrome now higher traffic than IE
It's less than 1% this year at my site - a university library. regards Mark Mark Huppert Library Web Development Integrated Library Management System 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 -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Andrew Harris Sent: Tuesday, 3 March 2009 1:31 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Chrome now higher traffic than IE hmmm - this is not reflected on our main site... from the past three days: 1. Internet Explorer 642,173 61.98% 2. Firefox 286,669 27.67% 3. Safari 89,030 8.59% 4. Chrome 11,195 1.08% which is, I imagine, par for a 'mainstream' site. -- Andrew Harris and...@woowoowoo.com http://www.woowoowoo.com ~~~ * ~~~ *** 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] Chrome now higher traffic than IE
I don't where Nick is from, but part of the explanation in our case is hits from computer labs on campus. The biggest set of labs have IE, Firefox and Safari but Chrome is not in the build. I would humbly suggest that a blog site for geeks will naturally get lots hits from the latest cutting-edge whatever. Sites like that do not represent the general population very accurately. regards Mark Mark Huppert Library Web Development Integrated Library Management System 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 -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Al Sparber Sent: Tuesday, 3 March 2009 4:23 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Chrome now higher traffic than IE From: Nick Cowie cowie.n...@gmail.com OK here are some other interesting stats from another major library site, IE7 rules and Chrome is 0.5% Browser Website IE7/IE6 Internet Explorer 86.88% (80/20) Firefox 9.29% Safari 2.17% Chrome0.47% Opera 0.27% Fascinating. Can you provide some demographic context to this library site? -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/pop The Ultimate DW Menu System *** 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 ***
