Making a Web Form Accessible
Web accessibility is more straightforward than you’d think. This course starts with an inaccessible web form and steps through each of the changes necessary to make it accessible, including an introduction to testing with free screen reader software.
Web accessibility can seem like a daunting topic, but it’s actually fairly simple to make improvements and meet the guidelines with some small changes to your HTML and CSS. In this course, Making a Web Form Accessible, you’ll be starting with a fully-functional, but inaccessible web form for booking a room at a hotel. You’ll walk through the minor changes required to make it fully accessible. You don’t need to have any prior experience of making a website accessible, just a good understanding of HTML, CSS, and JavaScript/jQuery and you’re ready to go. At each step, you’ll be shown what the issue is, a straightforward way of resolving it, and the improved outcome. Never used a screen reader before? You’ll see how to get started with the free NVDA screen reader to see your site from a different perspective. You’ll also learn about WAI-ARIA (a specific kind of HTML) and how to fix the form validation. By the end of this course, you’ll know how to create a web form that is vastly more usable for everyone, and still just as stylish as when you started.
Author Name: Fiona Holder
Author Description:
Fiona Holder is an Enterprise Architect primarily working with Microsoft applications and the Azure Cloud. She has extensive experience in ASP.NET Core / SQL Server applications development, leading development teams and architecting solutions to meet customer needs. Fiona is also a strong advocate of web accessibility.”
Table of Contents
- Getting Started with Keyboard Accessibility
23mins - Improving Our Form for Screen Reader Users
23mins - Using WAI-ARIA to Provide More Context
19mins - Fixing the Form Validation
13mins - Adding Some Final Improvements
27mins
There are no reviews yet.