
Paths
Developing Websites for Accessibility
Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, people can perceive,... Read more
What You Will Learn
- Assess whether a website meets accessibility guidelines
- Develop websites that are easy to comprehend
- Develop custom components that are accessible to all
- Test websites with consideration of how disabilities affect usage
- Develop forms that can be completed by all users
- Design a content structure that is consistent and clear
- Develop websites that account for different sensory capabilities
Pre-requisites
- HTML
- CSS
Developing Websites for Accessibility
In this path you will learn how those with disabilities access and use the web. You will test and evaluate accessibility, explore design considerations, build accessible forms, and learn how to provide accessibility for elements, images, and other forms of media.
Accessibility: Testing and Screen Reader Use
2h 43m
Description
Testing for accessibility should be embedded into your daily workflow. In this course, Accessibility: Testing and Screen Reader Use, you’ll learn to test web sites for accessibility. First, you’ll explore simple techniques to test for the most common accessibility issues. Next, you’ll discover tools you can build into your daily workflow to prevent introducing new issues. Finally, you’ll learn how to test using assistive technologies like screen readers. When you’re finished with this course, you’ll have the skills and knowledge of testing techniques needed to ensure your websites are inclusive and accessible.
Table of contents
- Course Overview
- Basic Testing Techniques
- Static Code Analysis
- Testing Tools
- Testing with Screen Readers
- Putting It All Together: A Testing Plan
Accessibility: Exploring Images and Media
1h 21m
Description
Many developers struggle to meet the WCAG accessibility guidelines relating to images, audio, and video content, particularly when working with tables, charts, dynamic charts, and live data.
In this course, Accessibility: Exploring Images and Media, you'll learn how to meet the WCAG accessibility guidelines relating to non-text content on your website.
First, you'll explore the challenges that your website users can face with non-text content, how to use HTML and CSS to describe images appropriately, and what to do in the rare scenarios where a short text alternative isn’t possible, by utilizing some specific methods and useful libraries.
Next, you'll evaluate some audio/video content, learn how to provide appropriate transcripts and captions, and discover some tools to assist you in this process.
Finally, you’ll learn about colour blindness and how to ensure that your website has appropriate colour contrast, as well as other sensory concerns like flashing images and auto-playing audio.
When you're finished with this course, you'll have a clear understanding of the issues involved with images and media, and how to develop websites that allow this media to be consumed by a wider audience, meeting WCAG Level AA.
Table of contents
- Course Overview
- Exploring Functional and Decorative Images
- Working with Complex Images and Scenarios
- Providing Alternatives for Audio/Video Content
- Preventing Issues with Content
Accessibility: Keyboard Input and Forms
1h 15m
Description
Keyboard traps can cause a variety of problems and frustrations for keyboard-only users.
In this course, Accessibility: Keyboard Input and Forms, you'll gain the ability to create solutions for some of the challenges that keyboard-only users can face with websites.
First, you'll learn how to ensure that a site is accessible to them, why keyboard focus indicators are essential, how to spot and prevent keyboard traps, and how to make a custom control keyboard-friendly.
Next, you'll discover various methods for labelling and describing input controls, as well as making CAPTCHAs more accessible.
Finally, you'll explore validation messages and error handling, how to link error messages to the form controls, and how to inform a screen reader user that there was an issue with the input.
When you're finished with this course, you’ll have a clear understanding of the techniques necessary to make a website accessible to keyboard-only users, and how to make forms easy to use for a wider audience.
Table of contents
- Course Overview
- Developing a Keyboard-friendly Website
- Preventing Issues with Keyboard Control
- Developing Clear, Well-labeled Forms
- Presenting Validation Errors to the User
Accessibility: Website Structure and Comprehension
1h 35m
Description
As web development gets more complex, more users on assistive technology become cut off from the content of the web. In this course, Accessibility: Website Structure and Comprehension, you’ll revisit the foundations of web development to prevent accessibility problems before they start. First, you’ll explore good semantic markup and structure. Next, you’ll discover how to make web interactions comprehensible. Finally, you’ll learn how to create user interfaces perceivable by users with a wide range of abilities. When you’re finished with this course, you’ll have the deep understanding of accessibility needed to create websites for everybody.
Table of contents
- Course Overview
- The Importance of Comprehensibility
- Comprehensible Structure
- Comprehensible Interactions
- Comprehensible User Interfaces
Introduction to Developing Custom Components with ARIA
1h 29m
Description
ARIA can be difficult to understand and learn, but it is absolutely essential in order to provide a rich and interactive experience on the web. In this course, Introduction to Developing Custom Components with ARIA, you’ll learn foundational knowledge to build accessible interactive components using ARIA. First, you’ll explore important resources essential to guiding you as you engineer your custom components. Next, you’ll learn about the 5 rules of ARIA and the 3 things that all interactive components must provide. Finally, you’ll discover how to build an expandable component and a menu button as practical examples. When you’re finished with this course, you’ll have the skills and knowledge of the core principles that will guide you to develop your own accessible components using ARIA in order to ensure a good experience for everyone.
Table of contents
- Course Overview
- Getting Started: Intro to ARIA
- Building an Expandandable Component
- Providing Actions with a Menu Button
- Testing Menu Buttons with Assistive Technologies
Developing Websites for Accessibility: Getting Started
2h 24m
Description
The web is designed to work for all people regardless of ability or disability, but accessibility for those with special needs is often overlooked in both the design and development processes. In this course, Developing Websites for Accessibility: Getting Started, you will gain foundational knowledge of common accessibility issues and how you can address them. First, you will learn how those with various disabilities access and use the web. Next, you will explore the WCAG guidelines and discover the ways in which you can meet them. Then, you will discover how to better design and code for those facing these issues. Finally, you will see how to make forms and media more accessible. When you are finished with this course, you will have a solid foundation to begin creating solutions that work, not just for those without disabilities and impairments, but for everyone.
Table of contents
- Course Overview
- An Introduction to Web Accessibility
- Understanding How Disabilities and Impairments Affect the Way People Use the Web
- Understanding WCAG Guidelines and Developing a Testing Strategy
- Designing with Accessibility in Mind
- Developing Accessible Navigation and Content
- Developing Accessible Forms
- Adding Accessibility to Images and Media
- Conclusion
Meeting Web Accessibility Guidelines (Section 508/ WCAG 2.1)
1h 51m
Description
If you are a web/front-end developer, the work you produce must be accessible to all users. In this course, Meeting Web Accessibility Guidelines (Section 508/ WCAG 2.1), you will get hands-on, practical code examples that you can start using today towards your goal of meeting official accessibility guidelines. First, you will learn the differences between Section 508 and WCAG 2.1, helping you to decide which guideline to use. Next, you'll dive into real-world, reusable code patterns/techniques and matching them to relevant guidelines. After finishing this course, not only will you be equipped to acquire government/education-related contracts, but you'll be able to make sites that meet established accessibility conformance guidelines and are more usable for everyone.
Table of contents
- Course Overview
- Choosing a Web Conformance Guideline
- HTML
- Media
- Responsive Web Design and Accessibility