Widgets

Price $20

Register or Log in

Contact us for multiple seats!

Already have an Accessible Web RAMP account?
Log in using the same credentials to gain access.


You'll get

  • Unlimited Access
  • 30 Minutes of Course Content
  • Certificate of Completion

Subjects covered

  • ARIA
  • Developer
  • HTML
  • Keyboard Navigation
  • Semantics

Course description

A UI (User Interface) component can be native or custom. Native HTML elements have pre-associated meaning, structure, and semantics while custom components require additional work in order to communicate the same information. 

This additional work includes proper ARIA roles, properties, and attributes for the functionality being exhibited.

Additionally, labels and instructions must always be related to the corresponding widget(s) so that assistive technology can accurately describe those components to users.

What’s Inside?

Interactive Code

Examples to see the material in action

Additional Reading

Resources to continue your learning

Who is this for?

Developers

We will walk you through best practices to ensure the websites and applications you build are accessible to all.

Designers

Good design is accessible design. Learn how to incorporate accessibility into every part of your design process.

Accessibility Specialists

Expand your understanding of how to audit/test against WCAG success criteria in practice.

Course outline

  1. Native vs. Custom Widgets, Keyboard Interactions, and ARIA Role Selection
  2. ARIA Roles, States, & Properties
  3. Input Labels, Programmatically Related Instructions, and Required Fields