DEV Community

Cover image for The Web Accessibility Introduction I Wish I Had

The Web Accessibility Introduction I Wish I Had

Max Antonucci on October 23, 2018

Hello again, past self. I'm sending you another message from a future where it's finally getting colder, you got the guts to go to therapy, and tha...
Collapse
 
lkopacz profile image
Lindsey Kopacz

I'm so happy to see other folks talking about accessibility! It's really a breath of fresh air to see someone singing the same song as I am! :D :D Great post!

Collapse
 
maxwell_dev profile image
Max Antonucci

Thanks! I've read several of your accessibility articles around the site as well, we can never have too many people spreading the word about it :)

Collapse
 
lkopacz profile image
Lindsey Kopacz

Yessss! a11y team!

Collapse
 
bennypowers profile image
Benny Powers 🇮🇱🇨🇦

In Israel and other jurisdictions, websites that provide a public service must meet WCAG 2.0 AA, or else the site owners could face steep statutory fines. Plaintiffs don't need to prove standing, either. IANAL, but in addition to the moral and business arguments you offered above, I think it's important to include the legal argument as well.

Collapse
 
maxwell_dev profile image
Max Antonucci

That is very true! I touched on it briefly, since the requirements are a bit more muddled in the United States. But they're a lot more clear cut for any websites owned by the government, from the federal to local level. For those, and any site providing anything that's an obvious need (like food) or extremely important (like air travel), the legal risks are a lot more obvious. For everything else, less so but they're still risks that could come back to bite them.

Collapse
 
kaykaycodes profile image
Shanakay Hall

Great article and wonderful insight into stress cases. Accessibility is more than building for the obvious disabilities. It's for everyone at the end of the day. I recently wrote a blog post about accessibility on my website and linked to this. skayhall.com/blog

:)

Collapse
 
francisprovost profile image
Francis Provost

Great article!

Do you (or anyone else) have a great source to learn more about "Proper use of aria tags"?

Collapse
 
lkopacz profile image
Lindsey Kopacz

I did a presentation on this once, if you ever would like to check it out:

youtube.com/watch?v=zwMu3cnxgo0&t=... (video ....I hope I don't sound blabber too much!)

lkopacz.github.io/aria-presentation/

Collapse
 
francisprovost profile image
Francis Provost

Thanks! I'll check it out

Collapse
 
mdarrik profile image
Darrik Moberg

Saved this for later, definitely going to check it out!

Collapse
 
maxwell_dev profile image
Max Antonucci

When in need of good documentation, developer.mozilla is always a great starting point :)

developer.mozilla.org/en-US/docs/W...

Collapse
 
francisprovost profile image
Francis Provost • Edited

yeah I should've think about it! 😂

Collapse
 
ddhogan profile image
Donna Hogan

Thanks for this post, Max!

Small Planet maintains a nice toolbox of accessibility resources for mobile development, including things like toggle color filters for simulating different types of color-blindness, and some quick references: smallplanet.com/soapbox/blog/mobil...

Collapse
 
rhymes profile image
rhymes

Loved the article Max, thanks!

that thing under the floorboards somehow escaped

wait, what?

the acronym POUR - Perceivable, Operable, Understandable, and Robust

I wish "Robustable" was a thing

You'd be amazed how often these can slip through.

still talking about the thing under your floorboards, right?

:-D

Collapse
 
maxwell_dev profile image
Max Antonucci

If that thing was small enough to "slip" through the floorboards, I'd need fewer self-protection tools at night, believe me :/

Collapse
 
truthyfalsey profile image
Sara Williams

I really enjoyed this article, thank you! Your widening of the definition of accessibility to include "stress cases" closely mirrors, in my opinion, changing attitudes towards special education in schools. When I was studying education, I learned that moving special education teachers into general ed classes to "co-teach" also opened up lots of new possibilities for differentiation, that is that catering to students with disabilities could also cater to students who weren't disabled but could benefit from more help or even more enrichment. Web users are much the same. When we enrich experiences for users with special needs or circumstances, we can enrich them for the general user base as well.

Another interesting point that came up at my own job in recent days, now in the tech world, my co-workers are asking each other, "What's accessibility and usability look like for users under duress?" We work on insurance products, and when people visit our part of the app, it's because something's gone wrong in their lives. We user test every design before going to code, but we don't test with people who just lost their house or were in a bad car accident. Serving those people better would be more morally correct and humane, but it also makes life easier on CSRs, cuts costs and creates fewer legal battles.

Anyway, sorry for writing such a lengthy comment, but I've had a lot of thoughts on this lately!

Collapse
 
fenntasy profile image
Vincent Billey

Hi, thanks for the article :)
I'm curious though, when you say

All in all, I've found automatic testing covers at least 75% of my accessibility issues.

What do you use to cover all that automatically?

Collapse
 
maxwell_dev profile image
Max Antonucci

Those will differ depending on your workflow, since no tools work for all of them. I know of two examples in my recent experience: the pa11y command line tool worked well for static site generators, and in my company's Ember app, we use an aXe extension that automatically flags issues in the web pages.

Collapse
 
nickytonline profile image
Nick Taylor • Edited

Thanks for sharing Max. I'm by no means an a11y expert, but I came across a great project called tota11y recently and decided to make it a browser extension for Firefox and Chrome. It's a PR in their repo, but you can still create the unpacked extensions and be able to use them. I might publish the extensions if that interests people that just want to use it without having to build it. Anyways, I thought it might interest you. Looking forward to your next article!

Collapse
 
dangolant profile image
Daniel Golant

I’m on mobile so I’ll try to link later, but Koa11y is great for this

Collapse
 
dangolant profile image
Daniel Golant
Collapse
 
pris_stratton profile image
pris stratton

There really isn’t enough discussion about this topic on Dev.to, at least that I have seen, and I don’t see it mentioned often in books about web development.

I’m all for flashy animation and cutting edge design, but I do wonder how much attention is paid to these things at the expense of those who cannot access / understand sites as a result.

Collapse
 
theqadiva profile image
Theqadiva

Thank you for this article! You brought up some points I hadn't thought of before and now, as QA with a focus on Automation, I'll definitely be looking out for ways to automate what I can.

Oh, and keep an eye out for that monster!!

Collapse
 
maxwell_dev profile image
Max Antonucci

Thanks! That creature is still out there somewhere...but it apparently got hold of a computer and appreciated the shout-out here. Should put it in a better mood :)

Collapse
 
furberg profile image
Richard Furberg

Really good article!
There is a great tool for Chrome worth checking out for anyone into accessibility on the web:

chrome.google.com/webstore/detail/...

Collapse
 
adaubrezi profile image
Ada

Hi Max, amazing article! Very useful especially for someone who has just started tapping into accessibility.
Do you or anyone else have a recommendation on what phases of website/app launch, accessibility testing should be included in? How often (if you do) you get back and check if sites are in line with the WCAG after the sites are launch? Do you guys check it on a regular basis?

Also do you have any advice on how and/or to what extend dev/design team could collaborate with product managers to ensure if sites are accessible for all? Thanks a lot ! :) and GREAT POST AGAIN!

Collapse
 
mdarrik profile image
Darrik Moberg

Great article! Love the way you frame things around stress cases. I've not seen that before and will definitely be using that in the future.

Collapse
 
maxwell_dev profile image
Max Antonucci

Welcome! I definitely encourage that, it helps to dispel the idea that accessibility is only about those with disabilities - it's about everyone, and that helps people prioritize it better.

Collapse
 
mdarrik profile image
Darrik Moberg

I totally agree!

Collapse
 
ismail9k profile image
Abdelrahman Ismail

"Use while running for your life down the street, being chased by a freed monster seeking revenge" This sentence 😂😂, Great article!

Collapse
 
maxwell_dev profile image
Max Antonucci

It's funny because it's true! :D

Collapse
 
blockheadweb profile image
Dustin

don't forget to use rems or ems for line heights, margins, and font size!

Collapse
 
kapouer profile image
Jérémy Lal

Cool and probably necessary, but it raises the bar very high. Shorter advices might be more efficient at improving a11y.

Collapse
 
sapphireduffy profile image
Sapphire Duffy

Thanks for this blog post Max! Very useful 😀