Web Accessibility Basics

Search for a command to run...

Before taking the Responsive Web Design Course on Freecodecamp I did not know much about web accessibility. I think there needs to be more awareness. There are simple things you can do to make your website accessible. I try my best to implement them but I do need to learn more. Thank you for including more resources.
Good debugging strategies start well before issues come up. From simple typos to a long list of console errors, you have to deal with a range of bugs throughout your career as a developer. One way to approach debugging in a broader sense is to develo...

Learning your first programming language or adding a new language to your tech toolbox might feel daunting. Each programming language has specific terminology and a variety of progressively complex concepts which could take years to truly understand....

Git is a version control tool that any developer would benefit from learning. Using git allows you to save your code as you make changes, and you can see what changes have been made over time. When working with other developers, knowing git makes it ...

When I decided to start a developer blog last year, it took me months before I actually published my first post. It really didn't need to be this way. Throughout my blogging journey, I've gained some knowledge about what it takes to get started. From...

While listening to an audiobook called The Checklist Manifesto: How to Get Things Right by Atul Gawande, I thought about how checklists might be just the tool developers need to level up. In this book, Gawande shares many stories that illustrate how ...

Web accessibility begins with understanding clean, standard code. It is about keeping an inclusive mindset and using the best practices to build a website. Learning how to remove barriers to make your website easy to use is critical. This is a brief introduction to web accessibility with some practical tips to implement for a better user experience.
Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, people can:
- perceive, understand, navigate, and interact with the Web
- contribute to the Web
Web accessibility encompasses all disabilities that affect access to the Web, including:
- auditory, cognitive, neurological, physical, speech, visual
This also includes temporary disabilities such as an injured hand, for example. A website should also be accessible on mobile devices with varied screen sizes.
When developing websites, implement proper basic structure by using appropriate HTML elements. Each of your web pages should include a logical hierarchy of heading tags and sections.
Need a refresher? Check out this guide to basic HTML basics
If your site has a predictable structure with proper HTML elements, headers, and labels, someone using a screen reader will have an easier time navigating through your site.
You can check your HTML structure by running your pages through an HTML checker which will provide you with line by line details if there are any errors or suggestions to improve the structure. You might also want to check a variety of sites to see what types of errors show up.
Axe is a free accessibility checker available for Chrome, Firefox, and Edge as a browser extension. Once installed, you can run an analysis to get a list of any accessibility issues.
Another accessibility checker you can use is called tota11y which you can add as a bookmarklet or directly to your site.
If color contrast is an issue, you can use a Color Contrast Checker to get the exact elements and color pairs that are causing a problem.
Use a responsive design checker to see if there are any issues on various screen sizes.
(Please note that these tools are not perfect, so it is a good idea to have multiple ways to check accessibility.)
Accessibility is a broad topic, so I leave you with a collection of great resources for you to learn more.
If you are interested in making accessibility changes to open source projects, check out this article by Bell Omuboye and/or join the Slack channel for this group.
What is your experience with web accessibility? Do you have some resources to share? Drop a comment below to get the conversation going!
Photo courtesy of Unsplash