Accessibility: Exploring Images and Media from Pluralsight

Learn how to make images and audio/video content meet the WCAG accessibility guidelines, even images with difficult alt text to write. This course includes tips like getting YouTube to write video captions for you and handling dynamic data charts.

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.

What's inside

Syllabus

Course Overview

Exploring Functional and Decorative Images

Working with Complex Images and Scenarios

Providing Alternatives for Audio/Video Content

Preventing Issues with Content

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops foundational skills in web accessibility standards relating to images, audio, and video content

Applies principles of inclusive design to multimedia content

Teaches methods for providing meaningful text alternatives for non-text content

Explores best practices for color contrast and other sensory considerations

Covers specific scenarios for handling dynamic data charts

Provides resources and tips for simplifying the process of creating accessible media content

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Accessibility: Exploring Images and Media with these activities:

Organize Course Notes and Resources

Show steps

Organize your class notes, assignments, and other resources into a structured and accessible format for future reference and review.

Show steps

Create a digital or physical notebook or folder for course materials
Categorize and label notes and resources
Summarize key concepts and highlight important points
Use tools or techniques to enhance organization and retrieval

Review HTML and CSS

Show steps

Review the basics of HTML and CSS to strengthen your foundational understanding of web development.

Browse courses on HTML

Show steps

Revisit HTML tutorials and documentation
Practice creating basic HTML elements
Review CSS selectors and properties
Create a simple web page using HTML and CSS

Participate in Web Accessibility Advocacy

Show steps

Join online communities or organizations working to promote web accessibility and advocate for the rights of individuals with disabilities.

Browse courses on Web Accessibility

Show steps

Find advocacy groups or organizations focused on web accessibility
Participate in discussions, share knowledge, and raise awareness
Support campaigns or petitions promoting accessibility

Four other activities

Expand to see all activities and additional details

Show all seven activities

Write Alt Text for Complex Images

Show steps

Practice writing descriptive alt text for complex images to improve accessibility for visually impaired users.

Browse courses on Alt Text

Show steps

Identify images in your projects that require complex alt text
Describe the visual content, purpose, and context of the image
Use concise and descriptive language
Test your alt text using screen readers

Creating Accessible Video Captions

Show steps

Follow tutorials on creating accessible video captions to ensure your videos are inclusive for deaf and hard of hearing viewers.

Show steps

Find tutorials on video captioning best practices
Learn techniques for creating accurate and synchronized captions
Use tools or services to generate and edit captions

Develop a Website with Accessible Media

Show steps

Build a website that incorporates accessible images, audio, and video to enhance user experience for individuals with disabilities.

Browse courses on Web Development

Show steps

Plan the website's structure and content
Use semantic HTML and ARIA attributes for accessibility
Provide clear and concise alt text for all images
Add transcripts and captions to videos
Test the website's accessibility using assistive technologies

Create an Accessibility Audit Report

Show steps

Conduct an accessibility audit of a website or application to identify and address potential accessibility barriers.

Show steps

Review WCAG guidelines and best practices
Use assistive technologies to evaluate accessibility
Document and prioritize accessibility issues
Provide recommendations for improvement

Career center

Learners who complete Accessibility: Exploring Images and Media will develop knowledge and skills that may be useful to these careers:

Accessibility Consultant

Accessibility Consultants help organizations make their websites and other digital content accessible to users with disabilities. This course may be useful for Accessibility Consultants who want to learn more about the WCAG accessibility guidelines and how to implement them on websites. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for Accessibility Consultant

Front-End Developer

Front End Developers are responsible for the design and implementation of the user interface of a website. This course may be useful for Front End Developers who want to learn how to make their websites more accessible to users with disabilities. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for Front-End Developer

User Experience Designer

User Experience Designers are responsible for the design and implementation of the user interface of a website. This course may be useful for User Experience Designers who want to learn how to make their websites more accessible to users with disabilities. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for User Experience Designer

Graphic designer

Graphic Designers create visual content for websites, software, and other products. This course may be useful for Graphic Designers who want to learn more about the WCAG accessibility guidelines and how to create visual content that is accessible to users with disabilities. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that visual content has appropriate color contrast.

See salaries and explore the career path for Graphic designer

Art Director

Art Directors oversee the visual design of websites, software, and other products. This course may be useful for Art Directors who want to learn more about the WCAG accessibility guidelines and how to create visual content that is accessible to users with disabilities. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that visual content has appropriate color contrast.

See salaries and explore the career path for Art Director

Web Developer

Web Developers are responsible for designing and developing websites. This course may be useful for Web Developers who want to learn how to make their websites more accessible to users with disabilities. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for Web Developer

QA Analyst

QA Analysts test websites and other digital content to ensure that they are free of errors and meet the required standards. This course may be useful for QA Analysts who want to learn more about the WCAG accessibility guidelines and how to test websites for accessibility. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for QA Analyst

Web Analyst

Web Analysts collect and analyze data about website traffic and usage. This course may be useful for Web Analysts who want to learn more about the WCAG accessibility guidelines and how to track the accessibility of their websites. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for Web Analyst

Information Architect

Information Architects are responsible for the organization and structure of a website. This course may be useful for Information Architects who want to learn how to make their websites more accessible to users with disabilities. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for Information Architect

Instructional Designer

Instructional Designers create and develop educational materials for websites, software, and other products. This course may be useful for Instructional Designers who want to learn more about the WCAG accessibility guidelines and how to create educational materials that are accessible to users with disabilities. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that educational materials have appropriate color contrast.

See salaries and explore the career path for Instructional Designer

Technical Writer

Technical Writers create documentation for websites, software, and other products. This course may be useful for Technical Writers who want to learn more about the WCAG accessibility guidelines and how to write documentation that is accessible to users with disabilities. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that documentation has appropriate color contrast.

See salaries and explore the career path for Technical Writer

Project Manager

Project Managers are responsible for planning, executing, and delivering projects. This course may be useful for Project Managers who want to learn more about the WCAG accessibility guidelines and how to ensure that their projects meet these guidelines. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for Project Manager

Back-End Developer

Back End Developers are responsible for the server-side logic of a website. This course may be useful for Back End Developers who want to learn how to make their websites more accessible to users with disabilities. The course covers topics such as how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for Back-End Developer

Content Strategist

Content Strategists are responsible for the planning, creation, and delivery of content for a website. This course may be useful for Content Strategists who want to learn how to make their websites more accessible to users with disabilities. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for Content Strategist

Webmaster

Webmasters are responsible for the maintenance and upkeep of websites. This course may be useful for Webmasters who want to learn more about the WCAG accessibility guidelines and how to ensure that their websites meet these guidelines. The course covers topics such as how to use HTML and CSS to describe images appropriately, how to provide transcripts and captions for audio/video content, and how to ensure that websites have appropriate color contrast.

See salaries and explore the career path for Webmaster