WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: creating complex navigation between parts of the screen

for

From: Lucy Greco
Date: Oct 3, 2017 11:23AM


does any one have an example of code that does this i could share with
the instructor

Lucia Greco
Web Accessibility Evangelist
IST - Architecture, Platforms, and Integration
University of California, Berkeley
(510) 289-6008 skype: lucia1-greco
http://webaccess.berkeley.edu
Follow me on twitter @accessaces


On Tue, Oct 3, 2017 at 6:46 AM, Tim Harshbarger <
<EMAIL REMOVED> > wrote:

> You could accomplish that through javascript. When focus moves from the
> field to the toolbar, you would just need to store information on which
> field had focus at the time. Then when the user uses the keystroke to
> return to the original field, javascript can set focus to that field.
>
>
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> Behalf Of Lucy Greco
> Sent: Monday, October 2, 2017 1:02 PM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] creating complex navigation between parts of the
> screen
>
> hello: i am thinking the keyboard shortcut was the first part of it but we
> were hoping there was a way to have the browser remember wair we were
> when we go to the tool bar and bring us back there as if there are 30 q on
> the form it might not be easy to pick from a list witch q to go back to
>
> Lucia Greco
> Web Accessibility Evangelist
> IST - Architecture, Platforms, and Integration
> University of California, Berkeley
> (510) 289-6008 skype: lucia1-greco
> http://webaccess.berkeley.edu
> Follow me on twitter @accessaces
>
>
> On Sun, Oct 1, 2017 at 7:40 AM, Birkir R. Gunnarsson <
> <EMAIL REMOVED> > wrote:
>
> > This is where a keyboard shortcut might actually be handy.
> > E.g. press ctr-alt-t go to toolbar and ctrl-alt-q to go to current
> > question or something like that. If you use the toolbar rroll on the
> > toolbar a screen reader user should be in forms mode in both places,
> > which makes keyboard shortcuts more effective.
> > You could also have a "go to toolbar" button next to every question,
> > and maybe a dropdown in the toolbar with the questions (go to question
> > 1, go to question 2 etc.) and a "go" button. That would be a more
> > mobile friendly solution (keyboard shortcuts on mobile don't work).
> > If you can implement something like this (it takes some JavaScript),
> > make sure the isntructions on the page clearly explain it, and field
> > test it with the most likely a.t. browser combinations (well, I
> > certainly don't have to tell you to do that *grin*).
> >
> > Me and a few colleagues implemented a somewhat similar demo solution
> > nickname accessible footsy, for multiple references to a single
> > footnote:
> > http://a11yideas.com/testcode/footnotesManyToOne.html
> >
> > (we use JavaScript to remember which link you clicked to get to the
> > footnote and have a link that takes you back to that reference from
> > the footnote).
> >
> >
> >
> >
> > On 9/29/17, Lucy Greco < <EMAIL REMOVED> > wrote:
> > > hello everyone:
> > > I'm working with a faculty member who is creating an
> > > application/textbook/online course. He is included problem sets in the
> > > course that require use of a few tools located on a toolbar somewhere
> > else
> > > on the page. Were looking for a technique to get from the problem set
> > > answer edit field to the tool palette then Manipulate the tools and
> bring
> > > the results back to the answer edit field.
> > > Is there any known methods we can use to jump to the toolbar and then
> > carry
> > > the results back to the previous location. We need this to be both
> > > screenreader and keyboard accessible and work with Dragon. Any answers
> > > would be appreciated thanks Lucy
> > > Lucia Greco
> > > Web Accessibility Evangelist
> > > IST - Architecture, Platforms, and Integration
> > > University of California, Berkeley
> > > (510) 289-6008 skype: lucia1-greco
> > > http://webaccess.berkeley.edu
> > > Follow me on twitter @accessaces
> > > > > > > > > > > > > > >
> >
> >
> > --
> > Work hard. Have fun. Make history.
> > > > > > > > > >
> > > > > > > > >