Web accessibility for developers - Wellington

Note: This workshop is open to developers from the private sector only.

In this workshop, we’ll review how HTML5, browsers, accessibility APIs, and assistive technologies work together. We'll look at how different users expect to interact with different interface components. And we’ll discuss what ARIA is and what it brings to the mix, including:

• HTML5 semantic elements and ARIA landmarks
• aria-label, aria-labelledby, aria-describedby
• focus management, tabindex, keyboard access
• avoiding ARIA misuse.

We’ll also take a closer look at how ARIA can be applied to improve the accessibility of some common UI interaction patterns and widgets, such as disclosure widgets, tabbed interfaces, accordions, modal dialogues, menus, etc.

Hands-on

We’ll be working through actual code examples in the workshop. Bring a laptop so that you can play along.

For Windows users, consider pre-installing the NVDA screen reader and AViewer.

For Mac OS X users, try getting familiar with VoiceOver and install the Accessibility Inspector that comes with XCode.