E-mail List Archives

Thread: creating complex navigation between parts of the screen

for

Number of posts in this thread: 5 (In chronological order)

From: Lucy Greco
Date: Fri, Sep 29 2017 11:36AM
Subject: creating complex navigation between parts of the screen
No previous message | Next message →

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

From: Birkir R. Gunnarsson
Date: Sun, Oct 01 2017 8:40AM
Subject: Re: creating complex navigation between parts of the screen
← Previous message | Next message →

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 ADDRESS 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.

From: Lucy Greco
Date: Mon, Oct 02 2017 12:02PM
Subject: Re: creating complex navigation between parts of the screen
← Previous message | Next message →

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 ADDRESS 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 ADDRESS 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.
> > > > >

From: Tim Harshbarger
Date: Tue, Oct 03 2017 7:46AM
Subject: Re: creating complex navigation between parts of the screen
← Previous message | Next message →

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 ADDRESS REMOVED = ] On Behalf Of Lucy Greco
Sent: Monday, October 2, 2017 1:02 PM
To: WebAIM Discussion List < = EMAIL ADDRESS 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 ADDRESS 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 ADDRESS 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.
> > > > >

From: Lucy Greco
Date: Tue, Oct 03 2017 11:23AM
Subject: Re: creating complex navigation between parts of the screen
← Previous message | No next message

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 ADDRESS 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 ADDRESS REMOVED = ] On
> Behalf Of Lucy Greco
> Sent: Monday, October 2, 2017 1:02 PM
> To: WebAIM Discussion List < = EMAIL ADDRESS 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 ADDRESS 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 ADDRESS 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.
> > > > > > > > > >
> > > > > > > > >