WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Resources for Keyboard Interface Design


From: Birkir R. Gunnarsson
Date: Dec 8, 2015 8:45PM

The closest you have to keyboard operation recommendations is the ARIA
Authoring practices
http://www.w3.org/TR/wai-aria-practices/ (check out the section on
keyboard operation and the chapter on specific patterns that generally
includes keyboard accessibility recommendations).
If you decide to build your own keyboard shortcuts, you have to make
sure you expose tem to keyboard only user in an accessible way, you
can't leave them guessing how to operate your interface. You can use
access keys with some restrictions but, the problem with the accesskey
attribute is that it does not get exposed to a keyboard only user by
the browser.
Avoid single letter keys doing something specific, there are conflicts
with screen reader users, or at least tell the screen reader users
about these keys up front along with the recommendation that they turn
their virtual buffer off (this puts a lot of responsibility on you
though that you provide all the info necessary to navigate in a very
restricted manner, use this solution sparingly).
Finally, use native html elements whenever possible/appropriate, try
not to invent he wheel, the effort of making it round usually beats
the vision of making it turn faster.

On 12/8/15, Sam Cartsos < <EMAIL REMOVED> > wrote:
> Are there good resources anyone can recommend - online and/or people -
> for designing efficient and friendly keyboard interfaces for an involved
> web-based application?
> Thanks,
> Sam
> --
> *Sam Cartsos*
> Co-Founder and Senior Partner @
> Frameweld <https://frameweld.com> - Accelerating Innovation
> SyncWords <https://syncwords.com> - Caption Automation that Works
> mobile: 718.813.1195
> office: 718.956.0299
> email: <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
> skype: scartsos
> twitter: @scartsos <https://twitter.com/scartsos>
> ==============>
> > > > >

Work hard. Have fun. Make history.