russmaxdesign / aria-workshop-iag

Resources for IAG Accessibility and ARIA workshop

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Accessible forms and ARIA workshop for IAG - October 2018

This repo contains slides and exercises for the "IAG Accessible and ARIA workshop" run by Russ Weakley.

Course outline

Introduction

  • 0101: Introduction to the workshop

Accessible components

  • 0301: Introduction to Accessibility
    • Exercise 01a: Using keyboard-only
    • Exercise 01b: VoiceOver
    • Exercise 01c: NVDA
  • 0302: Accessible forms
    • Exercise 02: Using the label, fieldset and legend elements.
  • 0303: Accessible form instructions
    • Exercise 03: Form Instructions
  • 0304: Accessible required fields
    • Exercise 04: Required fields
  • 0305: Accessible form errors
    • Exercise 5a: Inside the label
    • Exercise 5b: Using aria-describedby
    • Exercise 5c: Form error

ARIA

  • 0401: ARIA introduction
    • Exercise 1: Fixing a fake checkbox
    • Exercise 2: Providing extra context for buttons
  • 0402: ARIA roles
    • Exercise 3: Tab, tabpanel tablist
    • Exercise 4: The radiogroup attribute
    • Exercise 5: Presentation and None
    • Exercise 6: Landmark roles
    • Exercise 7: Alert and Status
    • Exercise 8: Alertdialog
  • 0403: ARIA states and properties
    • Exercise 9: Disabled, Invalid, Hidden
    • Exercise 10: Live regions
    • Exercise 11: Menubar

See Licence information for use.

About

Resources for IAG Accessibility and ARIA workshop

License:MIT License


Languages

Language:HTML 59.5%Language:JavaScript 27.7%Language:CSS 12.8%