A11Y 101: What is accessibility

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.
Search for a command to run...

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.
No comments yet. Be the first to comment.
In this series I'll explore the basics of accessibility and you can join me on this learning trip.
Now that we have a brief first introduction to accessibility and what it entails, let's take a moment to see what kind of users our website might get. By understanding the type of interactions, someone can do on our website, we can optimize it better...
Most of you know me for my consistency, a golden arrow in my blog series. I've written 1000 articles in 1008 days! Almost an article a day, and my honeymoon was the only holiday I ever took. I'm super proud of this achievement; it has been a fantasti...

It's not the first time I'll be talking about community. I think it's an essential aspect of any successful tool. This shows in my previous explorations of Astro, Medusa, and now Vendure as well. All these products thrive in a super open, welcoming, ...

The cool part about Vendure is how easy it is to set up and how abstract each layer is. Basically, we get the following elements: External database Server Worker Admin UI Frontend While this is amazing, it also brings a bit of complexity when it co...

The previous article looked at customizing Vendure on a data and process level. In this article, we'll look at customizing emails, as they are often a big part of a webshop system. We'll be looking at two different layers of customization for customi...

Even though Vendure is a pretty significant project out of the box, in some cases, we might want to go in and modify some elements to work to our specific use case. In this article, I'll take a high-level look at some elements we can customize within...

First of all, welcome to this new series on accessibility, something I've wanted to explore but never really did.
Until now!
In this series, I'll be learning about web accessibility, what it is, who it is, and most importantly, how you can make your websites more accessible.
Let's start with A11Y, a term you often hear in tech when people talk about accessibility.
It's an abbreviation (that's not really accessible 🤦♂️) for accessibility.
Its meaning comes from A{11 characters}Y, all-and-all a simple, quick use of the term for the word accessibility.

So what in the world is this accessibility when we talk about the web?
Surely everyone navigates my websites the same, right?
But what about people who can't see your webpage but still want to read your content? Is their screen reader actually reading your page? Or does the user get confused by what it's speaking to them?
Or what about people who can only see certain color tones? You might even have some bright colors that completely phase out for them.
There might also be people who can't use a keyboard or mouse and have to navigate your website in other ways. Are you adhering to making your website accessible for them?
These are just some of the disabilities people could have while navigating a website. In a follow-up article, we'll go into a bit more in detail on which disabilities there are and how they affect web usage.
First of all, it's the right thing to do. What makes people with disabilities less to browse your website than anyone else?
Furthermore, in Europe, it's actually the law to be WCAG compliant (a standard for accessibility measurements)
However, don't beat yourself up too much if you are not (yet) compliant. Most websites don't make it past this check.
Remember that we should all opt to make the website accessible for all, and the only way we can achieve this is by starting with our own websites.
Start simple, try a basic audit on your website, and make minor changes.
Remember: Rome wasn't built in one day, so you are doing a lot by making your website more accessible day by day!
That was precisely my question. Frankly, I had no clue where to even start. I did some research but was quickly overwhelmed by the number of articles, sources, and different opinions on what should be done.
At this stage, I felt very overwhelmed. Luckily I have some really good friends in the field that helped me guide me through the magical world of accessibility.
And together with their help, I'm putting this series together for you to follow.
During this series, we will identify accessibility, describe it, see where we can improve our website, and even learn some best practices.
I hope you'll follow along on this journey.
Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter