June 10, 2016 – Modern Accessibility Techniques using HTML5 and WAI-ARIA

Presented by: Hiram Kuykendall, CTO, Microassist on behalf of OpenAIR

Technologies making web experiences perceivable and usable for people with vision, hearing, mobility and cognitive challenges has quietly advanced. While tools such as Dreamweaver facilitate the use of these modern techniques, the recipe for creating accessible experiences is not readily apparent. In this session, we will review a few of the key accessibility features of HTML5 and the Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA).

Target Audience: Web Developer – Knowledge of Basic HTML

What You Should Bring: Laptop, Screen Reader, Headphones (See below)

Outline:

  1. Why Should You Care: Industry Outlook
  2. What is the Measure of Success: WCAG 2.0
    1. WCAG Basics
    2. 4.1.2 Name, Role, Value
  3. Landmarks
    1. HTML5 / ARIA Markup
      • Usage Rules
      • Labeling: aria-label, aria-labelledby
      • Skip Link – Where Visual and Mobility Meet
    2. Quick Check Tools
    3. Working Through the Examples
    4. Navigation Design Plan Exercise
  4. Menu (Time Permitting)
    1. WCAG Pattern
    2. Fixing the Black Box
    3. Examples: Bad, Good

To take full advantage of the session, we recommend bringing a laptop with the following installed:

  1. Screen Reader
    • Windows – NVDA (NonVisual Desktop Access) screen reader
    • Mac – Just use native VoiceOver.
  2. Chrome Browser

About the Presenter

Hiram Kuykendall, CTO, MicroAssist, has over 20 years of development experience on a wide variety of development platforms and also serves as a leader in the E-Learning industry. Accessibility is a passion for Hiram and he openly shares his knowledge with the development community. Hiram served as the training chair for the Knowbility 2012 Open AIR  contest and can be heard hosting the Knowbility AccessU channel on iTunes.

For a video on the basics of building accessible web sites, watch the recorded June 2016 presentation.

Date: Friday June 10, 2016
Time: 1:15-3:30 p.m. Central Standard Time
Place: New Horizons Computer Learning Center (300 E Highland Mall Blvd. Suite 100) turn north onto Jonathan and park in the Visitor parking area
RSVP: To help our host New Horizons Computer Learning Center select a room that comfortably seats everyone, please RSVP to this free event