Practical Accessibility – Practical Accessibility for web designers and developers

English | MP4 | AVC 2560×1440 | AAC 44KHz 2ch | 40 Lessons (14h 48m) | 3.84 GB

Practical Accessibility is a self-paced video course designed to demystify web accessibility and equip you with the knowledge you need to confidently create more accessible websites and web applications today.

In this course, you will find answers to questions like:

• What is the thought process for building accessible components from scratch?
• Do I need JavaScript to make this accessible?
• Why is semantic HTML so important? And how do I know which HTML element to choose?
• What is the accessibility tree? and what does it tell me about the accessibility of my components?
• What is ARIA? and when do I reach for ARIA versus native HTML?
• How do I navigate the different ARIA and WCAG documents?
• How does CSS affect accessibility?
• Why are accessible names such a big deal? And which technique should I prioritize when providing
• names to my components?
• What are the best practices for creating and validating forms? And why is native HTML5 form validation
• not enough?
• How do I announce content updates to my users?
• …and many, many more.

The topics covered in the course include:

• Accessibility vs inclusivity vs usability and how people with disabilities access the web, and how this impacts how you design and develop your websites and applications.
• The Web Content Accessibility Guidelines (WCAG). You’ll learn everything you need to know about WCAG and using its very helpful supporting documents in your day-to-day work.
• The accessibility tree and accessibility APIs (AAPIs). Your secret accessibility weapon. You’ll learn everything you need to know about using it to find common accessibility issues in your everyday work.
• Setting up your screen reader testing environment on your machine.
• Semantic HTML. HTML is only as accessible as you write it. And choosing the right element is not always enough. You’ll understand why semantic HTML is important, and what it is exactly that makes it accessible, so that you can write it more intentionally. This section of the course includes several chapters, including chapters on HTML landmarks and heading structure.
• Responsible ARIA. In this section of the course we’ll take a (very) deep dive into ARIA attributes, several chapters will cover what they are and why we need them, how to use them responsibly, when you need to use them, and, most importantly, when you shouldn’t.
• Techniques for hiding content inclusively. We’ll cover all the different techniques for hiding content using HTML, CSS, and using ARIA, and you’ll understand the pros and cons of each technique so you can choose the appropriate one(s) for your use case(s).
• Accessible names and descriptions. In this section of the course you’ll go through several chapters that explain the different techniques you can use to provide accessible names elements, what happens when you don’t provide one, and what happens when competing names are provided, as well as tips for concatenating accessible names using ARIA attributes.
• Accessible images. Everything you need to know about writing effective alt text for images.
• Accessible forms. In this section consisting of four chapters, we’ll discuss grouping and labeling form fields, providing instructional cues and descriptions, accessible form validation, and how to make form validation more efficient and helpful for your users.
• Accessible notifications using ARIA live regions. We’ll discuss the native accessible notification system provided by ARIA, and how to use it responsibly in your Single Page Applications (SPAs).
• Keyboard accessibility. This section includes chapters on providing navigational aid for keyboard users, designing WCAG-conformant focus indicators, and managing focus in custom interactive components using the roving tabindex technique.
• Forced Colors Modes. You’ll learn how to prepare your content for forced colors modes, and we’ll discuss simple, effective tips for optimizing your content and ARIA widgets to ensure they remain usable.

By the end of the course, you will be armed with the knowledge, techniques, and resources to:

• Quickly identify common accessibility issues when they come up.
• Fix existing accessibility issues in your current project(s).
• Implement more accessible user interfaces from scratch.
• Feel more confident in your skills and your ability to create websites and applications that work for people with disabilities.
• Become an accessibility champion and make a positive impact on the Web and the world!