AccessU 2018

Widgets!

Patrick Fox, Technology Director @Publicis.Sapient, Austin, TX

Agenda

Focus Management

Caring for Keyboard Focus

Use Buttons and Links

Need a clickable/user-interactive element?

Use Buttons and Links

Antipatterns (do not do this):

* Except with remediation efforts

Tabindex Usage

tabindex allows an element to receive keyboard focus

Tabindex Best Practices

Focus On Anything

Need to put focus somewhere in the UI that isn't focusable?

Announcing Dynamic Updates

Live Regions

Live Region Caveats

One live region to rule them all...

Say anything w/announce()Check out $.announce() and a11y_kit on Github

With great power...

Use this technique judiciously

With great power... (continued)

Use this technique judiciously

Example: The Fresh Market

Modal Dialogs

Modals

Ensure that user is:

Modals

Setup

Modals

On Open

Modals

On Close

Modal example

Tooltips

Tooltips

Design Tips

Tooltips

Behaviors

Tooltip example

Dynamic Table Filtering and Sorting

Goals

Overview

Data table widget example

Table Navigation in VoiceOver

Table Structure

Column Sorting

Table Summary

Questions

Thanks!

@patrickfox