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.

Intermediate FriendlySelf-Paced Learning
     
  • 5
  •  | 
  • Reviews ( 78 )
Subscription (Free Trial Available)
✓ Compare courses before making a decision
Check Latest Price →
Price may vary. Check latest price on provider site.
🧠 Good for intermediate learners
⚠ May feel basic for advanced users

Learning Journey Context

Works well as a continuation after mastering Software Development fundamentals. It bridges the gap toward advanced, production-level engineering.

Career Relevance

Relevant for: Frontend Developer, Full Stack Developer, Web Engineer.

Quick Facts

1 hour 47 minutes
pluralsight
Intermediate
Self-Paced Online
Core Courses
pluralsight
English
Below sections are verified from last major sync. For real-time updates and today's latest lectures, Check official page here.

What You’ll Learn

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.

See how this course curriculum compares with alternatives

Outcomes

  • 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.
See side-by-side differences in learning outcomes

FAQs

Top Alternatives

Highly-rated courses worth your attention

Meeting Web Accessibility Guidelines (Section 508/ WCAG 2.1)
4.0· 1 Hrs 52 minutes
Beginner
Free
JavaScript Promises and Async Programming
5.0· 1 Hrs 21 minutes
Intermediate
Free
RxJS in Angular: Reactive Development
5.0· 4 Hrs 34 minutes
Beginner
Free
Developing with .NET on Microsoft Azure - Getting Started
5.0· 4 - Hrs 50 minutes
Beginner
Free
Applying Functional Principles in C# 6
5.0· 3 Hrs 28 minutes
Intermediate
Free
Introduction to MongoDB 2
4.0· 2 Hrs 27 minutes
Intermediate
Free
Making a Web Form Accessible
5(78+ learners)
✓ Compare side-by-side before spending money
Check Latest Price →
Price may vary. Check latest price on provider site.
🧠 Good for intermediate learners
⚠ May feel basic for advanced users