Getting Started with Web Accessibility
Tags: a11y, webdev, beginners
Published: 2019-02-03 09:07:53

---
title: Getting Started with Web Accessibility
published: true
description: Moving towards a more friendly and open web.
tags: accessibility, a11y, webdev, beginners
---


For the past few years, the web industry is changing rapidly: we have new tools, frameworks, and libraries that allow us to create rich and inventive user interfaces.
Since 1997 the World Wide Consortium (W3C) has introduced the Web Accessibility Initiative (WAI) and ever since we have a powerful toolset and lots of resources that help us build a more accessible Web.
Our work affects more than people than you may think, more than [500 million web users worldwide](https://www.sitepoint.com/how-many-users-need-accessible-websites/) are suffering some kind of disability. In this post, I'll cover a few resources and basic tooling getting started with accessibility.

## Resources.
The official [WAI website](https://www.w3.org/WAI/) has lots of supporting resources about accessibility issues. [Mozilla Foundation](https://developer.mozilla.org/en-US/docs/Web/Accessibility) and the [Google web fundamentals] website (https://developers.google.com/web/fundamentals/accessibility/) are also a great starting point with tons of practical examples and tutorials about accessible web interfaces and applications.

## Case studies.
Convincing your employers, colleagues or even yourself that accessibility really matters can be harsh or even frustrating. Besides the humanitarian perspective, accessible user interfaces can boost the revenue and visitors for your products or systems.

- [NBC Learn](http://nbclearn.com/accessibility/) has met the  [Section 508 standards](https://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards)
- Smashing Magazine covers [BBC iPlayer Case Study](https://www.smashingmagazine.com/2015/02/bbc-iplayer-accessibility-case-study/)
- [BBC](http://www.bbc.co.uk/accessibility/best_practice/case_studies/) has also a wonderful resource library with lots of practical case studies and user stories about their work.
- [Yes! Your site can (and should) be accessible](https://youtu.be/tGF4-lPTJR0), Laura Carvajal shares lots of insights about The Financial Times transition to a more accessible web.
- W3C has also a [knowledge base](https://www.w3.org/community/wai-engage/wiki/Case_studies) with some case studies from major companies and organizations.

## Getting actually started
As always breaking a monolith at once is inefficient and requires lots of planning and effort.
You can start right away though, tweaking a few parts or pieces of your product can significantly change the experience for your users.

- [W3C](https://www.w3.org/WAI/tips/developing/) has some great tips for development teams.
- [The A11Y Project](https://a11yproject.com/) is a community-driven knowledge base with tons of resources and support articles. There is also a great [checklist](https://a11yproject.com/checklist) for your projects.
- [Emily Mears](https://medium.com/@emilymears/getting-started-with-web-accessibility-2c7632c3a8bd) shares some great starting points for newcomers.
- My dearest friend and colleague Grigoria Pontiki has written a guide for [accessibility low hanging fruit](http://www.grigoria.gr/2018/08/25/accessibility-low-hanging-fruits.html)
- [Juan David Quiñones](https://www.dtelepathy.com/blog/design/getting-started-with-accessibility-design-quickly-improve-95-of-your-web-pages) has also some insights about getting started.

## Final thoughts
Getting started with web accessibility is likely a mindset and requires changing your development and designing habits rather than tearing apart and refactoring your entire codebase.
In the upcoming tutorials and posts, I will cover more technical details about setting up a development environment and automate the transition to a more accessible codebase.


*This article was [originally](https://www.vorillaz.com/getting-started-with-accessibility/) posted on my [blog](https://www.vorillaz.com).*