WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Tabbing in Safari and Opera

for

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

From: Angela French
Date: Mon, Apr 01 2013 2:49PM
Subject: Tabbing in Safari and Opera
No previous message | Next message →

I just noticed something about Safari and Opera on my agency's websites. I feel it must be a user error or something on the page itself. I can't use the tab key to navigate around. When I try, the focus just repeatedly alternates focus between the address field and the browser search field. Can anyone tell me what the hang up might be on my sites? Here are two sample pages.

http://checkoutacollege.com/GetStarted/GED.aspx
http://www.sbctc.edu/college/e_achievingthedream.aspx

In Opera, this page never moves out of my site's search field. http://www.sbctc.edu/college/e_achievingthedream.aspx
In Opera, I can't get anywhere on this site: http://checkoutacollege.com/GetStarted/GED.aspx?section=GetStarted

These issues don't exist in IE, FF or Chrome.

Thanks for any advice.


Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
= EMAIL ADDRESS REMOVED =
http://www.checkoutacollege.com/

From: David Ashleydale
Date: Mon, Apr 01 2013 3:01PM
Subject: Re: Tabbing in Safari and Opera
← Previous message | Next message →

Hi Angela,

That's just how Safari works. Tabbing only takes you from form field to
firm field. You can get it to tab to links by doing Option -Tab.

David

On Monday, April 1, 2013, Angela French wrote:

> I just noticed something about Safari and Opera on my agency's websites. I
> feel it must be a user error or something on the page itself. I can't use
> the tab key to navigate around. When I try, the focus just repeatedly
> alternates focus between the address field and the browser search field.
> Can anyone tell me what the hang up might be on my sites? Here are two
> sample pages.
>
> http://checkoutacollege.com/GetStarted/GED.aspx
> http://www.sbctc.edu/college/e_achievingthedream.aspx
>
> In Opera, this page never moves out of my site's search field.
> http://www.sbctc.edu/college/e_achievingthedream.aspx
> In Opera, I can't get anywhere on this site:
> http://checkoutacollege.com/GetStarted/GED.aspx?section=GetStarted
>
> These issues don't exist in IE, FF or Chrome.
>
> Thanks for any advice.
>
>
> Angela French
> Internet Specialist
> State Board for Community and Technical Colleges
> 360-704-4316
> = EMAIL ADDRESS REMOVED = <javascript:;>
> http://www.checkoutacollege.com/
>
> > > >

From: Angela French
Date: Mon, Apr 01 2013 3:08PM
Subject: Re: Tabbing in Safari and Opera
← Previous message | Next message →

>
>Hi Angela,
>
>That's just how Safari works. Tabbing only takes you from form field to firm
>field. You can get it to tab to links by doing Option -Tab.
>
>David
>

And Opera too?

From: Patrick H. Lauke
Date: Mon, Apr 01 2013 3:14PM
Subject: Re: Tabbing in Safari and Opera
← Previous message | Next message →

On 01/04/2013 22:01, David Ashleydale wrote:
> Hi Angela,
>
> That's just how Safari works. Tabbing only takes you from form field to
> firm field. You can get it to tab to links by doing Option -Tab.

Or change it in Safari's preferences, Advanced, "Press Tab to highlight
each item on a webpage" which then reverses the behavior, making Tab go
to links as well and Option+Tab skipping links.

Opera uses a completely esoteric set of keyboard controls: SHIFT+cursors
for "spatial navigation" (where the visual position of items is taken
into account, and you can move up/down/left/right and it'll try and find
the nearest other focusable element in that direction) and CMD+up/down
for the traditional tab/shift+tab of moving to the next/previous link.

Note that the upcoming webkit-based Opera 14 is likely to adhere to what
Chrome/Chromium does, which is to just use Tab/Shift+Tab like any other
browser.

P

From: David Ashleydale
Date: Mon, Apr 01 2013 3:17PM
Subject: Re: Tabbing in Safari and Opera
← Previous message | Next message →

Yes, that's correct.

On Monday, April 1, 2013, Patrick H. Lauke wrote:

> On 01/04/2013 22:01, David Ashleydale wrote:
> > Hi Angela,
> >
> > That's just how Safari works. Tabbing only takes you from form field to
> > firm field. You can get it to tab to links by doing Option -Tab.
>
> Or change it in Safari's preferences, Advanced, "Press Tab to highlight
> each item on a webpage" which then reverses the behavior, making Tab go
> to links as well and Option+Tab skipping links.
>
> Opera uses a completely esoteric set of keyboard controls: SHIFT+cursors
> for "spatial navigation" (where the visual position of items is taken
> into account, and you can move up/down/left/right and it'll try and find
> the nearest other focusable element in that direction) and CMD+up/down
> for the traditional tab/shift+tab of moving to the next/previous link.
>
> Note that the upcoming webkit-based Opera 14 is likely to adhere to what
> Chrome/Chromium does, which is to just use Tab/Shift+Tab like any other
> browser.
>
> P
>
> > David
> >
> > On Monday, April 1, 2013, Angela French wrote:
> >
> >> I just noticed something about Safari and Opera on my agency's
> websites. I
> >> feel it must be a user error or something on the page itself. I can't
> use
> >> the tab key to navigate around. When I try, the focus just repeatedly
> >> alternates focus between the address field and the browser search field.
> >> Can anyone tell me what the hang up might be on my sites? Here are two
> >> sample pages.
> >>
> >> http://checkoutacollege.com/GetStarted/GED.aspx
> >> http://www.sbctc.edu/college/e_achievingthedream.aspx
> >>
> >> In Opera, this page never moves out of my site's search field.
> >> http://www.sbctc.edu/college/e_achievingthedream.aspx
> >> In Opera, I can't get anywhere on this site:
> >> http://checkoutacollege.com/GetStarted/GED.aspx?section=GetStarted
> >>
> >> These issues don't exist in IE, FF or Chrome.
> >>
> >> Thanks for any advice.
> >>
> >>
> >> Angela French
> >> Internet Specialist
> >> State Board for Community and Technical Colleges
> >> 360-704-4316
> >> = EMAIL ADDRESS REMOVED = <javascript:;> <javascript:;>
> >> http://www.checkoutacollege.com/
> >>
> >> > >> > >> > >>
> > > > > > > >
>
>
> --
> Patrick H. Lauke
> > re·dux (adj.): brought back; returned. used postpositively
> [latin : re-, re- + dux, leader; see duke.]
>
> www.splintered.co.uk | www.photographia.co.uk
> http://redux.deviantart.com | http://flickr.com/photos/redux/
> > twitter: @patrick_h_lauke | skype: patrick_h_lauke
> > > > >

From: Angela French
Date: Mon, Apr 01 2013 3:38PM
Subject: Re: Tabbing in Safari and Opera
← Previous message | Next message →

Thanks for bringing me up to speed!

>-----Original Message-----
>From: = EMAIL ADDRESS REMOVED = [mailto:webaim-forum-
> = EMAIL ADDRESS REMOVED = ] On Behalf Of David Ashleydale
>Sent: Monday, April 01, 2013 2:17 PM
>To: WebAIM Discussion List
>Subject: Re: [WebAIM] Tabbing in Safari and Opera
>
>Yes, that's correct.
>
>On Monday, April 1, 2013, Patrick H. Lauke wrote:
>
>> On 01/04/2013 22:01, David Ashleydale wrote:
>> > Hi Angela,
>> >
>> > That's just how Safari works. Tabbing only takes you from form field
>> > to firm field. You can get it to tab to links by doing Option -Tab.
>>
>> Or change it in Safari's preferences, Advanced, "Press Tab to
>> highlight each item on a webpage" which then reverses the behavior,
>> making Tab go to links as well and Option+Tab skipping links.
>>
>> Opera uses a completely esoteric set of keyboard controls:
>> SHIFT+cursors for "spatial navigation" (where the visual position of
>> items is taken into account, and you can move up/down/left/right and
>> it'll try and find the nearest other focusable element in that
>> direction) and CMD+up/down for the traditional tab/shift+tab of moving to
>the next/previous link.
>>
>> Note that the upcoming webkit-based Opera 14 is likely to adhere to
>> what Chrome/Chromium does, which is to just use Tab/Shift+Tab like any
>> other browser.
>>
>> P
>>
>> > David
>> >
>> > On Monday, April 1, 2013, Angela French wrote:
>> >
>> >> I just noticed something about Safari and Opera on my agency's
>> websites. I
>> >> feel it must be a user error or something on the page itself. I
>> >> can't
>> use
>> >> the tab key to navigate around. When I try, the focus just
>> >> repeatedly alternates focus between the address field and the browser
>search field.
>> >> Can anyone tell me what the hang up might be on my sites? Here are
>> >> two sample pages.
>> >>
>> >> http://checkoutacollege.com/GetStarted/GED.aspx
>> >> http://www.sbctc.edu/college/e_achievingthedream.aspx
>> >>
>> >> In Opera, this page never moves out of my site's search field.
>> >> http://www.sbctc.edu/college/e_achievingthedream.aspx
>> >> In Opera, I can't get anywhere on this site:
>> >> http://checkoutacollege.com/GetStarted/GED.aspx?section=GetStarted
>> >>
>> >> These issues don't exist in IE, FF or Chrome.
>> >>
>> >> Thanks for any advice.
>> >>
>> >>
>> >> Angela French
>> >> Internet Specialist
>> >> State Board for Community and Technical Colleges
>> >> 360-704-4316
>> >> = EMAIL ADDRESS REMOVED = <javascript:;> <javascript:;>
>> >> http://www.checkoutacollege.com/
>> >>
>> >> >> >> >> >> list messages to = EMAIL ADDRESS REMOVED =
>> >> <javascript:;><javascript:;>
>> >>
>> > >> > >> > list messages to = EMAIL ADDRESS REMOVED = <javascript:;>
>> >
>>
>>
>> --
>> Patrick H. Lauke
>>
>>___
>> re*dux (adj.): brought back; returned. used postpositively [latin :
>> re-, re- + dux, leader; see duke.]
>>
>> www.splintered.co.uk | www.photographia.co.uk
>> http://redux.deviantart.com | http://flickr.com/photos/redux/
>>
>>___
>> twitter: @patrick_h_lauke | skype: patrick_h_lauke
>>
>>___
>> >> >> list messages to = EMAIL ADDRESS REMOVED = <javascript:;>
>>
>>>messages to = EMAIL ADDRESS REMOVED =

From: deborah.kaplan@suberic.net
Date: Mon, Apr 01 2013 4:06PM
Subject: Re: Tabbing in Safari and Opera
← Previous message | Next message →

Opera's old single-key navigation, which still works and will probably die in the webkit version, is IMHO the best way to navigate to non-form elements. "A" is forward, "Q" is backward. To enable, Tools -> Preferences (or Alt-P), Advanced, Shortcuts, click "Enable Single Key Shortcuts". They are fabulous from an accessibility perspective in the sense of easy to type and dictate, but non-intuitive.

http://help.opera.com/Windows/12.00/en/keyboard.html#single-key

-Deborah Kaplan
--
Accessibility Team co-lead
Dreamwidth Studios LLC

From: Ryan E. Benson
Date: Mon, Apr 01 2013 4:13PM
Subject: Re: Tabbing in Safari and Opera
← Previous message | Next message →

They are awesome as long as you can use your left hand ;-)

--
Ryan E. Benson


On Mon, Apr 1, 2013 at 6:06 PM, < = EMAIL ADDRESS REMOVED = > wrote:

> Opera's old single-key navigation, which still works and will probably die
> in the webkit version, is IMHO the best way to navigate to non-form
> elements. "A" is forward, "Q" is backward. To enable, Tools -> Preferences
> (or Alt-P), Advanced, Shortcuts, click "Enable Single Key Shortcuts". They
> are fabulous from an accessibility perspective in the sense of easy to type
> and dictate, but non-intuitive.
>
> http://help.opera.com/Windows/12.00/en/keyboard.html#single-key
>
> -Deborah Kaplan
> --
> Accessibility Team co-lead
> Dreamwidth Studios LLC
> > > >

From: deborah.kaplan@suberic.net
Date: Mon, Apr 01 2013 4:15PM
Subject: Re: Tabbing in Safari and Opera
← Previous message | No next message

Or have Dragon. ;-)

Deborah Kaplan

On Mon, 1 Apr 2013, Ryan E. Benson wrote:

> They are awesome as long as you can use your left hand ;-)
>
> --
> Ryan E. Benson
>
>
> On Mon, Apr 1, 2013 at 6:06 PM, < = EMAIL ADDRESS REMOVED = > wrote:
>
>> Opera's old single-key navigation, which still works and will probably die
>> in the webkit version, is IMHO the best way to navigate to non-form
>> elements. "A" is forward, "Q" is backward. To enable, Tools -> Preferences
>> (or Alt-P), Advanced, Shortcuts, click "Enable Single Key Shortcuts". They
>> are fabulous from an accessibility perspective in the sense of easy to type
>> and dictate, but non-intuitive.
>>
>> http://help.opera.com/Windows/12.00/en/keyboard.html#single-key
>>
>> -Deborah Kaplan
>> --
>> Accessibility Team co-lead
>> Dreamwidth Studios LLC
>> >> >> >>
> > > >

--