WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: hardware keybaord accessibility on IPAD and IPAD mini issue

for

From: Pete Hachey
Date: Jan 5, 2018 10:51AM

Thanks Patrick,

I tried those keys but still does not work.

I have a K480 Bluetooth keyboard and an recent ipad pro and keyboard accessibility is really not good for navigating any web page. Works fine if I just want to navigate the IPAD internal apps - but not web pages.

Tried ALT+TAB/ALT+SHIFT+TAB) - no go. Even tabbing to google search result links is not possible.

ENTER/SPACE does work.

Looks like it's an apple thing
P



-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Patrick H. Lauke
Sent: January-04-18 5:16 PM
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] hardware keybaord accessibility on IPAD and IPAD mini issue

On 04/01/2018 20:20, Pete Hachey wrote:
> Hi all,
>
> Anybody came across this issue?
>
> Hardware keyboard navigation (using tab key) do not work on IPAD or IPAD mini using Safari or Chrome browser.
>
> I am a web developer, working on web app and I ensured javascript events with event.which= and 32 for enter and space bar and also used tabindex="0" for div buttons. Etc.
>
> The web app tab navigation works perfect using hardware keyboard on Windows system using Chrome, Firefox and IE browsers and Samsung phones S5 and S8.
>
> Unlike the desktop macOS there is no settings i can find to make IPAD or IPAD mini work with well hardware keyboard.
>
> Cannot tab to:
>
> Form fields and links. Able to type into form fields with hardware keyboard.

By default, on iOS, hardware keyboards don't fire any key events / work in Safari (and any other iOS browsers, as they're all based on the same UIWebView/WkWebView component) except in the situations where normally you'd get an on-screen keyboard (i.e. when focus is inside a text input, the browser's address bar, etc).

From memory, though, this HAS changed in recent iOS builds. However, you need to use the alt/option key to move the focus (ALT+TAB/ALT+SHIFT+TAB). ENTER/SPACE should work normally (no extra modifier key).

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke