You are currently viewing Introduction to Web Accessibility WCAG 2.1

Introduction to Web Accessibility WCAG 2.1

Learn web accessibility and apply best practice WCAG 2.1 accessibility patterns and techniques to your websites

What you’ll learn

  • Master the fundamentals of WCAG 2.1, including the 3 levels of conformance, the POUR concepts and sufficient techniques
  • Create solid document hierarchies with HTML5 landmark regions, headings, logical tab order sequences and semantic elements
  • Build accessible content with descriptive images, understand how to determine accessible colours and layout tabular data with datatables
  • Create accessible forms that include error and validation patterns using best practice WCAG 2.1 techniques
  • Gain confidence and understanding of what it means to build an accessible website

Course content

3 total hours


  • You need to be comfortable with writing HTML and CSS in a text editor
  • A mobile phone screen may be fine for viewing this course, but you’ll want something larger for the hands on exercises
  • You will need either a desktop or laptop computer
  • We recommend using Google Chrome or Mozilla Firefox and ensure they’re up-to-date but Microsoft Edge is acceptable as well
  • This course is hands-on and interactive, you need to be willing to do the lecture quizzes and end of module activities


Note. Our course material is continually evolving. This course will be updated for free throughout 2020 and is the one stop shop for everything you need to begin building accessible websites. This is the best online web accessibility course available at a very affordable price.

This course is designed to teach you the fundamentals of web accessibility and how to apply those techniques to websites that you create. The modules are organised into categories grouping accessibility techniques to the relevant parts of a web page.

Each lecture explains one accessibility concept only and after every lecture there is a quiz to complete followed by the end of module activity applying all you’ve learnt onto a demo website. Most lectures are approximately 5 minutes long with no lecture being over 10 minutes in length.

You will learn:

  • An overview of web accessibility guidelines and WCAG 2.1

  • Build the structure of a page using a skeleton of accessibility support

  • Create content in an accessible way

  • Improve the structure of web forms using accessibility best practice error handling and validation patterns

  • Apply accessibility techniques to a demo website hosted on GitHub

This course gives you practical reusable patterns and best practice accessibility examples to apply to your projects. Web accessibility is fast becoming a required skill when developing for the web. The accessibility guidelines can be difficult to understand and challenging to apply. It’s often left up to developers to try and do their best making content accessible by attempting to read and understand very complex technical guidelines.

Employers are looking for developers with an edge, web accessibility is that edge. Understanding how people with disabilities navigate a website and how you can make the experience better will set you apart from other developers. If you work in website or software development, UX or UI design in any frontend or backend technology this course is for you.

Web accessibility is more important than ever with more and more services are moving online. Unless these services are accessible the web can become a huge barrier for people with disabilities rather than a great opportunity to help with independent living.

Who this course is for:

  • Developers who want to get hands-on and really understand and become familiar with web accessibility and common accessibility patterns for the websites and web applications they build.
  • UI designers who need to understand the accessibility constraints for building web UI’s.
  • Software architects and business analysts who want to build in accessibility requirements early in the decision making process.

Go to CourseIf coupon does not work, it means you are late. Remember all coupons for a short time and limit number, so it is better to join the Telegram channel to get a notification on your mobile phone about new couponsTelegram Channel