Form Labels, Instructions, and Validation (with WCAG 2.2 updates)

Location: Online Only, Self-Paced

Technical Level:  Advanced (knowledge of HTML, CSS, and JavaScript recommended)

Suggested Prerequisites:

    Accessibility Fundamentals: Disabilities, Guidelines, and Laws
    Accessibility Fundamentals: Designing an Accessible User Experience
    Web Accessibility, Part 1: Semantic Structure and Navigation
    Web Accessibility, Part 2: Images, SVG, and Canvas
    Web Accessibility, Part 3: Visual Design and Colors
    Web Accessibility, Part 4: Responsive Design and Zoom
    Web Accessibility, Part 5: Multimedia, Animations, and Motion
    Web Accessibility, Part 6: Device-Independent User Input Methods

Duration: 90 minutes (estimate)

IAAP CAECs: 1.50 (This class counts toward renewal of IAAP Certification)

Presented By: DeQue University

Description:

In order for users to know how to fill out a form, the form has to be accessible. For the most part this is easy to do. Key concepts include:

    Labels for form inputs
    Labels for groups of inputs
    Instructions and hints, where necessary
    Error prevention
    Form validation

With all of these, information must be visible on the screen, accurate and meaningful, programmatically determinable, and programmatically associated with the appropriate form element or group.

The more interactive a form element or process is, the more attention needs to be given to accessibility with respect to:

    Focus management
    Setting and updating ARIA names, roles, and values, where necessary
    ARIA live announcements, where necessary

This course provides instruction and examples about each of these concepts.