What do you need to take into account when you are developing an accessible web project?
Accessibility is not black magic, it’s not a pile of ARIA attributes you throw in to your code to make it work for blind users. It’s not about writing duplicated code to make fancy stuff work.
Writing accessible code is about going back to basics; it’s an understanding of how the web really works.
In this course you will learn about semantic validating HTML5 and how to set up a web page which is consistent and robust. You will get a good grasp of what is important, what a browser needs and what assistive technology needs to work properly.
You will learn to tell a story with your code, with your markup – show that there is more to life than divs and spans. This doesn’t mean you can’t build complex and appealing components, you can!
We will dive deeper into the behaviour of web components: the DOM, the accessibility tree, focus management and how to help your user navigate through your website. Yes, we will address ARIA, but only to enhance, not to replace HTML5.
A special chapter is dedicated to accessible forms. Naturally, you want contact with your user, who will also possibly be your customer, to be as seamless as possible.
We will give you lots of examples and exercises too.
Quick note: the code examples are very basic, just to show you how the code needs to be set up. It is up to you to make it more appealing. The JavaScript shown is also basic, again just for the purpose of showing you how a component should work. We trust that you, as a developer, know how to handle more complex solutions.
And last but not least you will learn how to test and validate your work using various tools.
The aim is to make you a better developer, able to code for as many people as possible.
Let’s do this.
