W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > April to June 2009

Re: Success Criterion 2.4.7. Focus Order

From: Mag Leahy <magleahy@gmail.com>
Date: Thu, 30 Apr 2009 12:23:08 +0100
Message-ID: <a25bda170904300423t5c231fc1l652d9cc857ca88a8@mail.gmail.com>
To: richarduserite <richard@userite.com>
Cc: Ramón Corominas <listas@ramoncorominas.com>, WAI Interest Group <w3c-wai-ig@w3.org>
Hello all,

Please note, *do not use display:none* as it will not be available to screen
reader users.
Use negative positioning e.g.

.removed {
    left:-900000px; /* accessible display:none - read by screenreaders */
    position:absolute !important;
    width:1px;
    font-size:1px;
}

Note this assumes it will never be visually on the page when css is on hence
the width and font-size.

Cheers,
Mag


On Thu, Apr 30, 2009 at 12:13 PM, richarduserite <richard@userite.com>wrote:

> Hi,
>
> By hiding the link using CSS hides it from visual users, but not from
> assistive software such as screen readers. Thus the link is still
> accessible
> for blind people. However a sighted user who uses the keyboard (there are
> many) will not see the link and be forced to tab through all your
> navigation
> links in order to reach your content. Ideally, therefore, the "Skip to
> content" link should be visible so that sighted keyboard users can make use
> of it as well as blind users.
>
> If you need to use CSS to hide the link from mouse users the easiest
> solution is to use the CSS pseudoclass a:active to make the link text
> visible when it is focused by the keyboard user. Note that positioning the
> link off the page as you suggest is not the best way to hide such a link.
> Some visual browsers do not accept negative dimensions and therefore can
> distort your page layout. It is much safer to use CSS to hide an element
> (display:none), perhaps create a class to do this
>
> .skip a:link {display: none ; }
> .skip a:active { display:block ; }
>
> then you link would be
> <a href="#content" class="skip" tabindex="1" >Skip to content</a>
>
> Also note that you do not need to use the tabindex attribute. In fact it is
> better if you avoid tabindex altogether (it takes control away from the
> user).
>
> Best wishes
> Richard
>
>
> ----- Original Message -----
> From: "Ramón Corominas" <listas@ramoncorominas.com>
> To: "WAI Interest Group" <w3c-wai-ig@w3.org>
> Sent: Wednesday, April 29, 2009 3:38 PM
> Subject: Success Criterion 2.4.7. Focus Order
>
>
> > Hi, all.
> >
> > I'm reading the Understanding SC 2.4.7 about Focus Order, and I'm in
> > doubt about what is the meaning of "having a mode of operation that...".
> >
> > For instance, if I have a hidden "skip to contents" link (via css
> > off-left), when a user tabs to this link the focus will not be visible;
> > but if the user disables CSS, in this "mode" the link will be visible
> > and also the focus. My question is: would this be considered valid?
> > Should we show all the links to comply with this criterion? Are
> > css-hidden links forbidden?
> >
> > Thanks in advance,
> > Ramón.
> >
> >
> >
>
>
>
>


-- 
Mag
Received on Thursday, 30 April 2009 11:23:48 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:14:31 GMT