Developing Websites for Accessibility

Paths

Developing Websites for Accessibility

Authors: Fiona Holder, Matt Henry, Gerard K. Cohen, Brian Treese

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: Exploring Images and Media

by Fiona Holder

Nov 14, 2019 / 1h 21m

1h 21m

Start Course
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
  1. Course Overview
  2. Exploring Functional and Decorative Images
  3. Working with Complex Images and Scenarios
  4. Providing Alternatives for Audio/Video Content
  5. Preventing Issues with Content

Accessibility: Keyboard Input and Forms

by Fiona Holder

Mar 5, 2020 / 1h 15m

1h 15m

Start Course
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
  1. Course Overview
  2. Developing a Keyboard-friendly Website
  3. Preventing Issues with Keyboard Control
  4. Developing Clear, Well-labeled Forms
  5. Presenting Validation Errors to the User

Accessibility: Website Structure and Comprehension

by Matt Henry

Mar 4, 2020 / 1h 35m

1h 35m

Start Course
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
  1. Course Overview
  2. The Importance of Comprehensibility
  3. Comprehensible Structure
  4. Comprehensible Interactions
  5. Comprehensible User Interfaces

Introduction to Developing Custom Components with ARIA

by Gerard K. Cohen

Dec 20, 2019 / 1h 29m

1h 29m

Start Course
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
  1. Course Overview
  2. Getting Started: Intro to ARIA
  3. Building an Expandandable Component
  4. Providing Actions with a Menu Button
  5. Testing Menu Buttons with Assistive Technologies

Developing Websites for Accessibility: Getting Started

by Brian Treese

Apr 28, 2020 / 2h 24m

2h 24m

Start Course
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
  1. Course Overview
  2. An Introduction to Web Accessibility
  3. Understanding How Disabilities and Impairments Affect the Way People Use the Web
  4. Understanding WCAG Guidelines and Developing a Testing Strategy
  5. Designing with Accessibility in Mind
  6. Developing Accessible Navigation and Content
  7. Developing Accessible Forms
  8. Adding Accessibility to Images and Media
  9. Conclusion
Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By providing my phone number to Pluralsight and toggling this feature on, I agree and acknowledge that Pluralsight may use that number to contact me for marketing purposes, including using autodialed or pre-recorded calls and text messages. I understand that consent is not required as a condition of purchase from Pluralsight.

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit