Tab and arrow keys in the Lightbox component

Richard Schwerdtfeger schwer at us.ibm.com
Wed May 23 14:44:52 UTC 2007


Anastasia,

Exactly. Also included with ARIA is the use of navigation landmarks from
the xhtml role module. Support for these will be in FF 3. These need to be
considered in our navigation strategy.

http://www.w3.org/TR/2006/WD-xhtml-role-20061113/#s_role_module_attributes

of these the following are regional landmarks:

banner
      A banner is usually defined as the advertisement at the top of a web
      page. The banner content typically contains the site or company logo
      and other key advertisements for the site.
contentinfo
      This is information about the content on the page. For example,
      footnotes, copyrights, links to privacy statements, etc. would belong
      here.
main
      This defines the main content of a document.
navigation
      This is the navigation bar on a web document. This is typically a
      list of links to other pages on the site or other areas of the same
      document.
search
      This is the search section of a web document. This is typically a
      form used to submit search requests about the site or a more general
      Internet wide search service.
secondary
      This is any unique section of the document. In the case of a portal,
      this may include but not be limited to: show times; current weather;
      or stocks to watch.

Screen readers will be able to identify these sections and navigate to the
first focusable item in that section. Furthermore, this allows us to add
this information to the content without changing the UI. Industry
introduces hacks around the lack of a landmark capability by using skip
links to main content or H1s to mark sections of the content.

Rich


Rich Schwerdtfeger
Distinguished Engineer, SWG Accessibility Architect/Strategist
Chair, IBM Accessibility Architecture Review  Board
blog: http://www.ibm.com/developerworks/blogs/page/schwer


                                                                           
             Anastasia                                                     
             Cheetham                                                      
             <a.cheetham at utoro                                          To 
             nto.ca>                   fluid-work at fluidproject.org         
             Sent by:                                                   cc 
             fluid-work-bounce                                             
             s at fluidproject.or                                     Subject 
             g                         Re: Tab and arrow keys in the       
                                       Lightbox component                  
                                                                           
             05/23/2007 08:52                                              
             AM                                                            
                                                                           
                                                                           
                                                                           





On 22-May-07, at 7:22 PM, Colin Clark wrote:

      1. The tab key moves focus between major areas of the page...

      2. The arrow keys (up, down, left right) moves focus among images
      within
      a collection of images


I'm playing with this in the Sakai environment, and I see that the tab key
does indeed move focus between major areas of the page - the location
field, the tab bar (in Firefox) and the tool iFrame within Sakai. But the
tab key currently doesn't move focus within the major areas inside the tool
e.g. in the case of the Gallery, between the Collections list on the left
and the photos on the right. We will need to address this somehow.

--
Anastasia Cheetham                  a.cheetham at utoronto.ca
Software Designer, Fluid Project
Adaptive Technology Resource Centre, University of Toronto

_______________________________________________
fluid-work mailing list
fluid-work at fluidproject.org
http://fluidproject.org/mailman/listinfo/fluid-work
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20070523/dc1d4bdd/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: graycol.gif
Type: image/gif
Size: 105 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20070523/dc1d4bdd/attachment.gif>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: pic31644.gif
Type: image/gif
Size: 1255 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20070523/dc1d4bdd/attachment-0001.gif>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: ecblank.gif
Type: image/gif
Size: 45 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20070523/dc1d4bdd/attachment-0002.gif>


More information about the fluid-work mailing list