- Module 1: Learn how to develop keyboard-accessible products with our comprehensive module. This course covers essential guidelines, design considerations, implementation strategies, and testing methods to ensure your products are accessible to all users, including those with disabilities.
In this module, you learn the importance of keyboard accessibility, cover key principles and requirements. You recall essential considerations, apply practical tips for ensuring keyboard accessibility, and identify tools and tips for testing. By the end of this module, you’ll be able to:
- Explain the importance of keyboard accessibility
- Recognize the principles and requirements for supporting keyboard accessibility, including operability, focus order, visual indicators, and contrast standards
- Describe keyboard navigation conventions and the functions of key combinations in web and app contexts
- Identify tips for ensuring keyboard accessibility during the development phase
- Module 2: Learn how to develop products with screen reader support to ensure accessibility for users who are blind or have low vision. This module covers essential principles, design considerations, and practical tips for creating inclusive websites and apps that meet accessibility standards.
By the end of this module, you'll be able to:
- Explain the importance of designing websites and apps that support screen readers
- Explain how screen readers interact with websites and apps, including how they communicate and function together
- Define key terms related to screen reader support, such as sequential navigation, link purpose, programmatically determined link context, labels, headings, landmarks, and text alternatives
- Apply tips for ensuring screen reader support when designing and prototyping websites and apps
- Recall tips and tools for testing screen support
- Module 3: Learn the importance of color and contrast in digital design for accessibility.
By the end of this module, you'll be able to:
- Explain the importance of color and contrast in accessible design
- Identify the accessibility principles and requirements related to color and contrast
- Recall the key considerations for using color and contrast in the design of digital products
- Apply tips for ensuring adequate color contrast when designing and prototyping your digital product
- Identify tips and tools for testing color contrast, ensuring all control states and themes are covered
- Module 4: Learn why supporting resize and reflow is crucial for creating accessible websites and apps.
By the end of this module, you'll be able to:
- Identify the importance of resize and reflow in enhancing accessibility and user experience across different devices and screen sizes.
- Define key terms related to resize and reflow, including responsive web design, scaling, and CSS pixels.
- Compare different approaches to enlarging the screen, including optical enlargement and system scale settings.
- Apply accessibility guidelines to ensure proper resize and reflow.
- Identify best practices for resize and reflow throughout the product development cycle.
Introduction to inclusive design in practice in collaboration with Teach Access
Overview
Syllabus
- Module 1: Module 1: Develop keyboard-accessible products
- Introduction
- Keyboard navigation fundamentals
- Review accessibility guidelines
- Review design considerations
- Design for keyboard accessibility
- Implement keyboard accessibility
- Test keyboard accessibility
- Knowledge Check
- Summary
- Module 2: Module 2: Develop products with screen reader support
- Introduction
- Screen reader fundamentals
- Review accessibility guidelines
- Review design considerations
- Design for screen reader support
- Implement screen reader support
- Test screen reader support
- Knowledge check
- Summary
- Module 3: Module 3: Develop products with accessible color and contrast
- Introduction
- Color and contrast accessibility fundamentals
- Review accessibility guidelines
- Design for color and contrast accessibility
- Implement color and contrast accessibility
- Test color and contrast accessibility
- Knowledge check
- Summary
- Module 4: Module 4: Develop accessible resize and reflow
- Introduction
- Fundamentals of resize and reflow
- Exercise - Use screen magnifiers
- Accessibility requirements
- Review considerations for screen magnifiers
- Design screen magnifiers
- Implement screen magnifiers
- Test screen magnifiers
- Knowledge check
- Summary
