We may earn an affiliate commission when you visit our partners.
Course image
Jim Byrne
  • Welcome to the beginners & intermediate level accessible website design course where you will learn both the techniques of accessible website design and an entire ‘framework for thinking about the subject’. This course will equip you with the skills to understand, identify and fix issues any accessibility issues you come across. 

  • After you have completed the course you will have the skills you need to build and maintain accessible websites - websites that will pass the WCAG 2.1 & WCAG 2.2 guidelines up to AA level. WCAG 2.1 & WCAG 2.2 Level AA is the level most governments and organisations use as part of their legislation. You will gain a deep understanding of what accessible website design means.

  • My name is Jim Byrne - and I will be your guide throughout the course. I am an award-winning accessibility specialist & website designer - with over 25 years of experience. I set up one of the UK’s first website accessibility consultancies in 1996 - called, The Making Connections Unit (MCU). The impetus for setting up the unit was my experience of working with disabled people within a project called The Wellbeing Initiative. It was there that I saw firsthand the barriers and discrimination that disabled people have to put up with every day. After setting up the MCU - I then set up my own accessible website design business in 2003.

  • I have worked with national & local government, the private sector, corporate clients, Further Education, and the not-for-profit sector. My experience includes publishing books, guides, training courses, and giving feedback on a draft of the WCAG 2 guidelines - which I did as Director of the Guild of Accessible Website Designers.

  • You will hear disabled people explaining and demonstrating how they browse websites.

  • There are lots of course bonuses to download, including my 111-page website accessibility e-book, the audio from the course (to listen to at a time of your choosing), all the slides, and much more.

  • You will learn about the medical and social models of disability and what they mean for your approach to designing accessible websites. 

  • You will learn how people with different impairments access the web, i.e. deaf & hearing impairment, blind & visually impaired, physical impairments, and people with learning difficulties. You will learn the tools and techniques they use and what that means in terms of ensuring websites are accessible.

  • You will learn techniques for making non-text content accessible. i.e. images, videos, how to ensure your links are accessible, how to ensure your tables are accessible. how to ensure your forms are accessible. 

  • You will get access to real examples of screen reader use, and an example of captions being added to a video.

  • You will learn how HTML documents are structured and how that structure is fundamental to ensuring websites are accessible. 

  • You will learn about the history and development of the WCAG 2.1 guidelines. You will learn what the levels mean ( I translate the concepts into easy to understand language.

  • You will learn the basics of ARIA is and how you can use it to make dynamic content accessible.

  • The course is aimed mainly at beginners to the subject of accessible website design - but all website developers - whatever their level of experience - will learn from this course.

  • If if you want to learn accessible website design I sincerely believe the course I have developed is the one for you. I’ve put a lot of work into making it the best I could make it.  Have a look at some of my free videos and register today to get started. I look forward to seeing you on the course. :-)

Read more
  • Welcome to the beginners & intermediate level accessible website design course where you will learn both the techniques of accessible website design and an entire ‘framework for thinking about the subject’. This course will equip you with the skills to understand, identify and fix issues any accessibility issues you come across. 

  • After you have completed the course you will have the skills you need to build and maintain accessible websites - websites that will pass the WCAG 2.1 & WCAG 2.2 guidelines up to AA level. WCAG 2.1 & WCAG 2.2 Level AA is the level most governments and organisations use as part of their legislation. You will gain a deep understanding of what accessible website design means.

  • My name is Jim Byrne - and I will be your guide throughout the course. I am an award-winning accessibility specialist & website designer - with over 25 years of experience. I set up one of the UK’s first website accessibility consultancies in 1996 - called, The Making Connections Unit (MCU). The impetus for setting up the unit was my experience of working with disabled people within a project called The Wellbeing Initiative. It was there that I saw firsthand the barriers and discrimination that disabled people have to put up with every day. After setting up the MCU - I then set up my own accessible website design business in 2003.

  • I have worked with national & local government, the private sector, corporate clients, Further Education, and the not-for-profit sector. My experience includes publishing books, guides, training courses, and giving feedback on a draft of the WCAG 2 guidelines - which I did as Director of the Guild of Accessible Website Designers.

  • You will hear disabled people explaining and demonstrating how they browse websites.

  • There are lots of course bonuses to download, including my 111-page website accessibility e-book, the audio from the course (to listen to at a time of your choosing), all the slides, and much more.

  • You will learn about the medical and social models of disability and what they mean for your approach to designing accessible websites. 

  • You will learn how people with different impairments access the web, i.e. deaf & hearing impairment, blind & visually impaired, physical impairments, and people with learning difficulties. You will learn the tools and techniques they use and what that means in terms of ensuring websites are accessible.

  • You will learn techniques for making non-text content accessible. i.e. images, videos, how to ensure your links are accessible, how to ensure your tables are accessible. how to ensure your forms are accessible. 

  • You will get access to real examples of screen reader use, and an example of captions being added to a video.

  • You will learn how HTML documents are structured and how that structure is fundamental to ensuring websites are accessible. 

  • You will learn about the history and development of the WCAG 2.1 guidelines. You will learn what the levels mean ( I translate the concepts into easy to understand language.

  • You will learn the basics of ARIA is and how you can use it to make dynamic content accessible.

  • The course is aimed mainly at beginners to the subject of accessible website design - but all website developers - whatever their level of experience - will learn from this course.

  • If if you want to learn accessible website design I sincerely believe the course I have developed is the one for you. I’ve put a lot of work into making it the best I could make it.  Have a look at some of my free videos and register today to get started. I look forward to seeing you on the course. :-)

Enroll now

What's inside

Learning objectives

  • Beginners & intermediate level course from award-winning accessible website designer jim byrne. learn the techniques you need to create accessible websites.
  • Learn from disabled people themselves as they chat to jim about the most irritating access issues they come across - and demonstrate how they use the web.
  • You will learn an entire framework for thinking about accessibility. this will help you understand and solve any access issues you come across.
  • There are lots of course bonuses to download; 111-page website accessibility e-book, the audio from the course, all the slides, and much more.
  • Learn how people with different impairments access the web, i.e. deaf & hearing impairment, blind & visually impaired, physical impairments, and people with lea
  • You will learn techniques for making non-text content accessible. i.e. images, videos, how to ensure your links, tables and are accessible and so on.
  • You will get access to real examples of screen reader use, and an example of captions being added to a video.
  • You will learn how html documents are structured and how that structure is fundamental to ensuring websites are accessible.
  • You will learn about the medical and social models of disability and why they are relevant to accessible website design.
  • You will learn the basics of aria is and how it is used to make dynamic content accessible.
  • You will learn about the history and development of the wcag 2.1 guidelines; what the levels mean (a, aa, aaa compliance) and the concepts that the latest versi
  • You will learn the tools and techniques disabled people use and what that means in terms of ensuring websites are accessible.
  • Show more
  • Show less

Syllabus

Introduction
Welcome and introduction to the course
Accessible website design is about designing for real people
John Turley - Most Irritating Things! Excerpt from chat with screen reader user
Read more
10 Quick Accessibility Tips
About Jim Byrne - Accessible Website Designer, Auditor and Trainer
Install WAVE accessibility extension in your browser
I hope you are Finding the Course Useful
Install The Web Developer browser extension - for Chrome, Firefox or Opera
Bonus Content: Jim Byrne's Website Accessibility Guide (111 page guide)

Which of the following did John Turley say he found irritating when browsing the web.

Summary of Sections 1 and looking ahead to what's next
2. A framework for thinking about website accessiblity
Defining the phrase 'disabled people' and why it matters
THE BIG IDEA - Ensure users can change website presentation to suit their needs
Understanding document structure and accessibility
Theory into practice; examples of making your website flexible

Understanding the differences between the medical model and the social model of disability. 

Reflection exercise: defining disabled people feedback

When we looked at different ways to define the phrase, disabled people, we did it for a purpose, i.e. to give us a 'framework for thinking' about accessible website design. So what did we learn?

HTML Quiz
Hand-code your own simple web page
Summary of section two and what's ahead
4. How disabled people Use the web
Ruby Mooney demonstrates how she browses the web with a screnn magnifier
Learn how someone who is blind or visually impaired uses the web
Learn how someone who is deaf or has hearing lose uses the web
Learn how people with learning difficulties browse the web
Learn how people with physical impairments use the web
Ruby Mooney: the most irritating issues when browsing websites
John Turley demonstrates how he browses the web with a screen reader on iPhone
Ruby Mooney - Demo: Using JAWS to browse a website
Summary of section 3 and what's next

Screen reader user Suman Damera talks about the importance of headings & page structure.

Techniques: for making your website accessible

In this short video, I use my screen reader to demonstrate the importance of adding alternative text to images.

The following videos cover the topic of non-text content in greater detail, however, this gives you a sense of what it's like for a screen reader user, when they come across an image that has no alternative text.

How to make non-text content accessible - part 1
Part 2: Make non-text content accessible
Add a responsive inline banner image to the top of your hand-coded web page
Part 3: Make non-text content accessible: making video accessible
Add captions to a video
Bonus: Create & Edit Video Captions Using Youtube.com

In this short video, I show you a quick way to find and update low contrast text, i.e. text that fails when measured against the WCAG minimum contrast ratio.

Colour and contrast

In this video, I use my screen reader to demonstrate the importance of writing link text - that makes sense when read out of context.

How to make links accessible
Add links to your hand-code web page
How to ensure data tables are accessible.
Add an accessible table to your hand-coded web page
Making Forms Accessible: Part 1 - labelling and grouping fields
Making Forms Accessible: Part 2 - accessible error messages
Add an accessible form to your hand-coded web page
Accessible Javascript: A beginners guide
How to add commonly used ARIA landmark roles to your web page
ARIA - A Beginners Guide 1: Roles.
ARIA - A Beginners Guide 2 - Properties and States
Add ARIA landmarks to your hand-coded web pages

In this short lecture I introduce the use of ARIA form labels.

ARIA - Jargon Buster
Bonus Content: How to create accessible PDF's slideshow
Assignment: Use WAVE to check your hand-coded website

Do my accessibility techniques quiz.

Summary of section 4 and what's next
WCAG - History and overview
Part 1: WCAG: An introduction to the Web Content Accessibility Guidelines
Part 2: WCAG: An introduction to the Web Content Accessibility Guidelines
WCAG 2.2 - A Summary of the new Success Criteria - Part 1
WCAG 2.2 - A Summary of the new Success Criteria - Part 2
Bonus content: Additional information to help you to create accessible content.
Bonus content: How to create accessible documents - best practice guidelines
Bonus Content: Guidelines for creating Dyslexia friendly documents
Bonus Content: Making content accessible for people with learning difficulties
Accessible Social Media: Download My Presentation Slides
Zoom accessibility issues and solutions

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Develops skills for designing websites for people with disabilities
Explores multiple accessibility issues that users with disabilities face
Taught by an award-winning accessibility specialist with industry experience
Provides many bonuses including an e-book and audio versions
Covers a wide range of accessibility topics including the medical and social models of disability
Provides practical exercises and examples for understanding accessibility

Save this course

Save Web Accessibility Training Course WCAG 2.1 & 2.2 Compliance to your list so you can find it easily later:
Save

Reviews summary

Engaging web accessibility course

According to students, this course on Web Accessibility Training Course WCAG 2.1 & 2.2 Compliance is well received and engaging. Many learners described it as informative and easy to understand, with clear explanations and useful examples. The knowledgeable instructor presents the material in a way that is easy to follow and retain. Students who are new to web accessibility found the course to be a good fit, while those with experience found it to be a valuable refresher. Overall, learners say that this course is a great resource for anyone who wants to learn more about web accessibility.
A good fit for beginners.
"Great for beginners. simple to follow"
"Loved the course. It was easy to learn as Iam beginner"
"Easy to understand for beginners."
Engaging and easy to follow.
"Easy to listen to and engaging"
"Very interesting. Already learned alot"
"very interesting, easy to follow, easy to understand"
Knowledgeable and experienced instructor.
"knowledgeable and easy to understand"
"Sal's background as a teacher really shows"
"Mark's expertise shines through"
Easy to understand with clear explanations.
"Very clearly explained."
"Easy to understand and engaging."
"Easy to understand for beginners."
Some students found the course to be too basic.
"Ma asteptam sa fie un curs mai "serios", bazat pe informatii stiintifice"

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 Web Accessibility Training Course WCAG 2.1 & 2.2 Compliance with these activities:
Participate in online discussions on accessibility
Engaging in discussions will expose you to different perspectives and experiences, broadening your understanding of accessibility.
Browse courses on Web Accessibility
Show steps
  • Join online forums or communities focused on web accessibility.
  • Participate in discussions by asking questions, sharing insights, and providing feedback.
Find online resources on accessible design
Searching for online resources will reinforce the concepts covered in the course and provide additional examples.
Browse courses on Accessible Design
Show steps
  • Use a search engine to find websites, articles, and videos on accessible design.
  • Review the content to identify best practices and techniques.
Develop an accessibility statement for a website
Creating an accessibility statement will help you apply the principles of accessible design in a practical way.
Browse courses on Web Accessibility
Show steps
  • Identify the key accessibility features of the website.
  • Draft a statement that includes information about the website's accessibility features, any known limitations, and contact information for feedback.
  • Publish the accessibility statement on the website.
Show all three activities

Career center

Learners who complete Web Accessibility Training Course WCAG 2.1 & 2.2 Compliance will develop knowledge and skills that may be useful to these careers:
Web Accessibility Specialist
A Web Accessibility Specialist ensures that websites comply with accessibility standards and guidelines. This course can help you develop the skills and knowledge necessary to become a Web Accessibility Specialist, making you a valuable asset to any organization that wants to create accessible websites.
User Experience Designer
A User Experience Designer designs websites and applications with a focus on improving user experience. This course can help you gain the skills to create accessible and user-friendly designs, making you a more competitive candidate for User Experience Designer positions.
UX Engineer
A UX Engineer designs and develops user interfaces. By understanding the WCAG guidelines, you can help ensure that your designs are accessible to all users. This course can help you become a more effective UX Engineer.
Front-End Developer
A Front-End Developer focuses on the client-side aspects of website development, including HTML, CSS, and JavaScript. By understanding the WCAG guidelines, you can ensure that the websites you develop are accessible to all users. This course can help you become a more well-rounded Front-End Developer.
UI Engineer
A UI Engineer designs and develops user interfaces. By understanding the WCAG guidelines, you can help ensure that your designs are accessible to all users. This course can help you become a more effective UI Engineer.
Web Design Engineer
A Web Design Engineer creates websites for various devices, such as computers, phones, and tablets. An understanding of the WCAG guidelines helps ensure that websites are accessible to all users, regardless of their abilities. This course can help you develop the foundation needed to become a Web Design Engineer.
Software Engineer
A Software Engineer designs, develops, and maintains software applications. By incorporating accessibility features into your software, you can ensure that it is usable by individuals with disabilities. This course can help you become a more well-rounded Software Engineer.
Web Developer
A Web Developer builds accessible websites by applying the WCAG 2.1 & 2.2 guidelines. By learning how to make websites accessible to individuals with disabilities, this course may help prepare you for a career as a Web Developer.
Software Architect
A Software Architect designs and develops software applications. By understanding the WCAG guidelines, you can help ensure that your designs are accessible to all users. This course can help you become a more effective Software Architect.
Technical Writer
A Technical Writer creates documentation for software and hardware products. By learning how to make documentation accessible, you can ensure that it can be used by individuals with disabilities. This course can help you become a more effective Technical Writer.
Information Architect
An Information Architect designs and organizes websites and applications. By understanding the WCAG guidelines, you can ensure that your designs are accessible to all users. This course can help you become a more effective Information Architect.
Quality Assurance Analyst
A Quality Assurance Analyst tests software to ensure that it meets quality standards. By understanding the WCAG guidelines, you can help ensure that software applications are accessible to all users. This course can help you develop the skills needed to become a Quality Assurance Analyst.
Instructional Designer
An Instructional Designer creates and develops educational materials. By understanding the WCAG guidelines, you can help ensure that your materials are accessible to all learners. This course can help you become a more inclusive Instructional Designer.
Product Manager
A Product Manager manages the development and marketing of products. By understanding the WCAG guidelines, you can help ensure that your products are accessible to all users. This course can help you become a more effective Product Manager.
Project Manager
A Project Manager plans and executes projects. By understanding the WCAG guidelines, you can help ensure that your projects are inclusive and accessible to all users. This course can help you become a more effective Project Manager.

Reading list

We've selected eight books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Web Accessibility Training Course WCAG 2.1 & 2.2 Compliance.
Comprehensive guide to designing accessible information technology.
Save
Comprehensive guide to web accessibility from a user-centered perspective.
Comprehensive guide to web accessibility from a non-technical perspective.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Web Accessibility Training Course WCAG 2.1 & 2.2 Compliance.
Introduction to Web Accessibility WCAG 2.1
Most relevant
Learn Accessible Web Design
Most relevant
Creating Accessible Websites
Most relevant
Web Design Accessibility Certificate
Most relevant
Web Accessibility: Learn Best Practices, Tools &...
Most relevant
Developing Websites for Accessibility: Getting Started
Most relevant
How To Design for Accessibility: for UX Designers (WCAG...
Most relevant
Accessibility: Exploring Images and Media
Most relevant
Build Responsive Real-World Websites with HTML and CSS
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser