Tales of a Keyboard-only User

Tales of a Keyboard-Only User Lorna Mitchell, Nexmo

About Me (and my keyboard) @lornajane

Once Upon A Time

Spatial Navigation Opera had keyboard spatial navigation (past tense) A new W3C spatial navigation standard is in progress https://wicg.github.io/spatial-navigation/demo/ @lornajane

Vimium • https://vimium.github.io/ • “The Hacker’s Browser” • Plugin for Chrome and Firefox • Drive your browser from your keyboard @lornajane

Web Forms: The Good It’s absolutely possible to do it well! GDS are an excellent example and they publish their guidelines https://govuk-elements.herokuapp.com/form-elements/ @lornajane

Web Forms: The Bad • Sliders, date pickers, anything not-standard • “Helper” keyboard shortcuts, e.g. TypeForm @lornajane

As the product and company continues to mature, I am sure we will get to tackling accessibility as soon as we can. ~ TypeForm Support @lornajane

Dropdowns The “richer” the dropdown, the harder it is to use! • Beware onChange(), try onBlur() instead • Start with a search box where you can type and then submit • then enhance with auto suggestion @lornajane

What Can We Do? @lornajane

@lornajane

Web Standards HTML5 is changing the world. https://html5.org/ WCAG Web Content Accessibility Guidelines https://www.w3.org/WAI/standards-guidelines/wcag/ @lornajane

Lorna’s Keyboard Challenge Stick a post-it over your trackpad while you drink your coffee at your desk. See what you can still get done. @lornajane

Resources • https://html5.org/ • https://vimium.github.io/ • https://govuk-elements.herokuapp.com/form-elements/ • https://wicg.github.io/spatial-navigation/demo/ • https://www.w3.org/WAI/standards-guidelines/wcag/ • https://github.com/wavexx/screenkey • https://lornajane.net @lornajane