Skip to Main Content

Accessible Forms Design

taught by: James Allan

Session Summary:

Forms are a conversation with users. They can pose unique usability and accessibility challenges to people, including those using assistive and mobile technologies. This BYOL hands-on session will review current practices and strategies to making form fields usable and accessible using semantic HTML5 and CSS. We will review how screen-readers and other assistive technologies interact with online forms.

Description:

Forms are a conversation with users. They can pose unique usability and accessibility challenges to people, including those using assistive and mobile technologies. This BYOL hands-on session will review current practices and strategies to making form fields usable and accessible using semantic HTML5 and CSS. We will review how screen-readers and other assistive technologies interact with online forms.

Practical skills:

  • Using semantic html to create accessible forms
  • Ways to label a form control
  • Using form control types for better mobile experience
  • Form usability
  • Grouping form controls
  • Reporting errors to the user
  • Form instructions
  • Form accessibility attributes across platforms and browsers

Practical Skills:

  • Using semantic html to create accessible forms
  • Ways to label a form control
  • Using form control types for better mobile experience