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

RE: Tabbed navigation designs and 1.4

From: Sailesh Panchang <spanchang02@yahoo.com>
Date: Thu, 1 May 2008 07:12:48 -0700 (PDT)
To: WCAG <w3c-wai-gl@w3.org>
Message-ID: <325184.92649.qm@web38701.mail.mud.yahoo.com>

I am not so sure that  the text tells me  that there
is tab navigation on the page or that a particular tab
is selected.
Issue with tabs:  The role and state of tabs should be
conveyed via title attribute on anchor and hidden text
(to support current user agents and AT). For instance,

when About Us tab is selected, its title and hidden
text  should be set to "Selected Tab 2 of 6". When any
other tab is selected, the title for About 
us tab should be "Tab 2 of 6". The focus should remain
on the tab link that is activated and  the screen
reader should be 
able to read the new state of the tab. Now the focus
goes somewhere else and one is unaware that there is a
list of submenu 
links right under the tabs.
I hope ARIA will be able to convey the role and state
as described above.  
I also noted tabbing order  issues on the page: JAWS9
and WinEyes 6.1 folllow different tabbing patterns
with IE7.  
Thanks,
Sailesh Panchang
--- Andrew Kirkpatrick <akirkpat@adobe.com> wrote:

> 
> The active tab is also identified by shape (assuming
> sight and CSS
> support).
> 
> There is a heading for the subnavigation that is
> "Good design submenu"
> that tells you what the selected tab is. That may be
> what Katie is
> referring to.
> 
> AWK
> 
> > -----Original Message-----
> > From: w3c-wai-gl-request@w3.org
> [mailto:w3c-wai-gl-request@w3.org] On
> > Behalf Of Andi Snow-Weaver
> > Sent: Wednesday, April 30, 2008 12:20 PM
> > To: WCAG
> > Subject: Re: Tabbed navigation designs and 1.4
> > 
> > 
> > Katie,
> > 
> > How are they associated with text visually?
> > 
> > Andi
> > e
> > 
> > 
> > 
> >              Katie
> >              Haritos-Shea
> >              <ryladog@earthlin
> > To
> >              k.net>                    Andi Snow-
> > Weaver/Austin/IBM@IBMUS,
> >                                        WCAG
> <w3c-wai-gl@w3.org>
> >              04/30/2008 10:31
> > cc
> >              AM
> > 
> > Subject
> >                                        Re: Tabbed
> navigation designs
> > and
> >              Please respond to         1.4
> >                    Katie
> >                Haritos-Shea
> >              <ryladog@earthlin
> >                   k.net>
> > 
> > 
> > 
> > 
> > 
> > 
> > Andi,
> > 
> > But color is not the only way of indentifying the
> tabs (it is just
> used
> > as
> > a supplementary - which is helpful for all - but
> can be extra helpful
> > to
> > persons with cognitive disabilities.)
> > 
> > The way I see it, the selected tab and its
> sub-menu are *first*
> > associated
> > with text and *then* associated through
> presentation (color).
> > 
> > Katie
> > 
> > 
> > -----Original Message-----
> > >From: Andi Snow-Weaver <andisnow@us.ibm.com>
> > >Sent: Apr 30, 2008 10:32 AM
> > >To: WCAG <w3c-wai-gl@w3.org>
> > >Subject: Tabbed navigation designs and 1.4
> > >
> > >
> > >
> > >Take a look at this website:
> > >
> >
>
>http://www.rnib.org.uk/xpedio/groups/public/documents/code/public_rnib
> > 003460.hcsp
> > 
> > >
> > >These tabbed navigation designs are quite common
> on a lot of
> websites.
> > The
> > >first row of links are "tabs" and the second row
> is a sub-menu of the
> > >selected tab. The selected tab and its sub-menu
> are associated
> through
> > >presentation (color). ARIA will provide a way to
> programmatically
> > expose
> > >this relationship conveyed through presentation
> (1.3).
> > >
> > >But what about 1.4? Color is the only "visual"
> means of conveying
> > which
> > tab
> > >is selected. But is this a problem for someone
> with color vision
> > deficits?
> > >The particular color is not relevant. It's the
> contrast between the
> > light
> > >color (yellow) and the dark color (red) that the
> user needs to be
> able
> > to
> > >detect.
> > >
> > >Would this example fail 1.4? Should it?
> > >
> > >Andi
> > >
> > >
> > 
> > 
> > * katie *
> > 
> > Katie Haritos-Shea
> > Section 508 Technical Policy Analyst
> > 
> > 703-371-5545
> > 
> > People may forget exactly what it was that you
> said or did,
> > but they will never forget how you made them
> feel.......
> > 
> > 
> 
> 
> 



      ____________________________________________________________________________________
Be a better friend, newshound, and 
know-it-all with Yahoo! Mobile.  Try it now.  http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ
Received on Thursday, 1 May 2008 14:13:30 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 7 December 2009 10:47:52 GMT