Tutorials

This collection of tutorials shows you how to develop web content that is accessible to people with disabilities, and that provides a better user experience for everyone.

The tutorials are designed to be used by a variety of individuals, including:

• Web developers will find guidance and boilerplate solutions for many common coding challenges.
• Web designers will learn how to create web page components with a built-in inclusive design.
• Web trainers will find examples to teach people about accessible web design and development.
• Content authors will learn concepts and techniques for preparing their content in an accessible way.
• Project managers will gain an understanding of ways to integrate accessibility into their projects.

The tutorials cover various accessibility topics, based on common tasks in web projects. For example, they show you how to provide accessible images and tables using a variety of web technologies, including HTML4, HTML5, CSS3, WAI-ARIA, MathML, and SVG. The concepts and techniques explained in the tutorials apply to other formats as well.

Web authoring tools (Content Management Systems (CMS), WYSIWYG editors, word processors, etc.) can often help you create content that is accessible as shown in these tutorials.

Relationship to WCAG

These tutorials provide best-practice guidance on implementing accessibility in different situations. They combine WCAG 2 success criteria and techniques from various conformance levels. Each tutorial page lists the specific success criteria and techniques used on that page. A more comprehensive coverage of the normative WCAG 2.0 and WCAG 2.1 standards and their supporting materials is provided in How to Meet WCAG 2: A customizable quick reference.

Additional Resources

• How People with Disabilities Use the Web: An introduction covering a variety of disabilities, including age-related impairments
• Accessibility Principles: Introduces some of the web accessibility requirements for websites, web applications, browsers, and other tools
• WCAG 2 Overview: Introduces the international standard that defines requirements on how to make web content more accessible to people with disabilities
• Authoring Tool Accessibility Guidelines (ATAG) Overview: Introduces the international standard that defines requirements on how to make web authoring tools that support accessibility for people with disabilities