Earlier this year, I was about to start working on a new project, when I was told that it would have to meet certain accessibility requirements (in this case it was ADA Section 508). At first, I wasn't really too worried about it. As long as my code was clean and I didn't do anything too stupid, it would be no big deal… right? Well, reading up on the standards confirmed that making a site decently accessible means that there's a lot more to it than just remembering alt tags.
We developers like to talk a lot about accessibility, but what does it actually mean? The W3C’s page on accessibility sums it up fairly well:
“It is essential that the Web be accessible in order to provide equal access and equal opportunity to people with diverse abilities. Indeed, the UN Convention on the Rights of Persons with Disabilities recognizes access to information and communications technologies, including the Web, as a basic human right. Accessibility supports social inclusion for people with disabilities as well as others, such as older people, people in rural areas, and people in developing countries.”
Basically, this means that all sorts of people should be able to access your site, and not just a lucky few. With that in mind, here are some things that I discovered about accessibility over the last few months.
jQuery plugins: friend or foe?
I’m not going to lie — I like using a good jQuery plugin here and there since it can save a ton of time in implementing all sorts of interactive features. However, when it comes to creating an accessible site, a lot of these “awesome” plugins won’t actually work properly. I’m not going to name and shame here, but if you’re trying to build an accessible site, do yourself a favour and try out any plugin you’re considering using only your keyboard instead of your mouse. Sadly, many plugins totally crumble when put to this test. In some cases, it isn’t a huge deal because the plugin can be modified fairly easily, but in other cases, you might need to scrap it altogether.
Accessibility is in the details
Applying the concepts of accessibility in practice will make most people think about things they never considered before. What’s it really like to navigate a website exclusively with your keyboard? What will your colour palette look like to people who aren’t using nice new displays with good contrast — or to someone with colour blindness? Will people who need to zoom in on the website be using browser zoom or changing their browser’s default text size, and what does that mean for your web typography choices? How will people who can’t hear experience audio or video on your site — do you have transcripts prepared? Are your icons and symbols properly labeled so all users can understand your website? Making a site accessible doesn’t necessarily have to be about grand gestures – the little things add up to achieve big accessibility wins.
Takeaway: Making a website accessible doesn’t just help those with disabilities use your site; it can help anybody have a better experience by making your site easier to use and understand.