This article was extracted from a blog, Blog Accessibility.
My top 7 countdown of common obstacles I struggle with or try to avoid:
#7: Homepages with endless links
Homepages with a mess of links and information are frustrating and overwhelming. For example, when I land on the Americans with Disabilities Act homepage, my eyes glaze over. Immediately I am overwhelmed by the number of links on the page that is 10 screens long. I don’t know where to even place my joystick to get started. Or, if my hand is functioning poorly in that moment, navigating the 203 links with my keyboard is energy draining, time consuming and mind numbing.
I am more likely to google the information than to go directly to the site to rummage through the links to find what I need.
The number of ways the ADA site fails on web accessibility is beyond ironic.
#6: Too-small-to-see skip links
Skip links that jump over or bypass blocks of repetitive content not only assist individuals who use screen readers, they also benefit those of us who mainly or only use the keyboard.
However, when the skip links are too small even to read – like those on the ADA Homepage – they are useless to me unless I drastically increase the page’s text size to see them. This added step disrupts my workflow and is annoyingly unnecessary.
One suggestion I have to remedy this is implementing small link text that increases upon receiving focus, like when I tab to it. This would go unnoticed by most users, therefore not interfering with the aesthetics of the site but would be sweet for people such as myself who use the tab function to navigate.
#5: Auto-start audio or video
I have to say, sites with video or audio that starts automatically cause me to jump right out of my skin. I’m not joking!
Unless I absolutely need the information on the site, I don’t hang around unless the stop button is front and center and I can quickly get to it.
Please allow your site visitors to control any multimedia features. The more control they have, the more accessible your site is.
#4: Tiny clickable areas
Are you kidding me?
Allow me to be candid. My fine motor control is tenuous. Sometimes it isn’t too bad; other times, forget it! And lots of people have age-related motor skills issues too — remember, boomers are aging — don’t wait till you age and lose some mobility to enjoy this lightbulb moment!
Here’s an example: it is tricky for me to accurately hit the tiny hash tag (#) character in order to Edit Comments in WordPress.
Besides, I can never remember that the number sign means “View post”. How is that even intuitive?
A text link “View post” would be much easier for me and many others to hit and none of us would have to remember this totally obscure reference.
I want to add that I find tapping on the tiny areas on my iPad even more dicey. I have accidentally deleted email that I was attempting to reply to, and I have unintentionally friended someone on Facebook.
I’m hoping any future mis-taps won’t be more serious than this.
#3: Incorrectly coded forms
When form controls are poorly coded, it forces me to specifically click in the tiny check boxes or radio buttons to make my selections. Again, this can be difficult for me at times.
There exists a simple fix for this on the programming side: when the label element is associated with the input element, the target area becomes larger.
In this example of selecting pizza toppings, I can click the check box or anywhere along the text label “Mushrooms” to make my selection.
With this simple adjustment, my hitting a target becomes so much easier.
#2: Dynamic elements
Elements that fly out, pop out or slide out are tricky for me to navigate before they vanish. Slide out menus are my enemies. I often click a link I didn’t intend to pursue, which causes me to backtrack before I proceed. This is frustrating!
Similarly, in my preferred Twitter application Hootsuite, when I am aiming for the “Refresh Stream” button, I frequently overshoot it with a jerky hand movement and the damn side panel flies out. I need to change course with my joystick for the unwanted part to disappear before I can proceed.
#1: CAPTCHAs. OMG! Rant alert!
In 2012, are CAPTCHAs truly the best we can do to differentiate humans from computers? Take this one example:
Google CAPTCHA
Are you kidding me?
With my once perfect vision which has only become impaired by my ripe old age of forty-five, I can no longer make out most of these garbled letters, even after I have tilted my head in a variety of directions.
Let’s recount an actual task I recently performed: setting up a Google group for a client.
I started by staring at the presented CAPTCHA for a few moments and, still having no clue what some of the characters were, I clicked on the wheelchair icon. What the wheelchair has to do with audio I know not, but I decided to give the audio CAPTCHA a shot. From previous experience I know audio versions are equally garbled, but I figured it couldn’t be more undecipherable than this image of garbled letters – or what I assumed were letters.
Much to my surprise, I was presented with:
A message below the Google CAPTCHA: “Sorry, we are unable to handle your request at this time, please try again later.”
What? Unable to handle my request at this time? What does that mean? All I requested was the audio CAPTCHA. I don’t want to try again later. I want to finish this task now. How is coming back later equal access?
I entered my best guess and was immediately presented with a second, equally distorted set of characters:
Again my middle-aged eyes could not decipher the letters. Again the audio CAPTCHA was not available. Again I submitted a guess. Again I was wrong.
Had this frustration been required for submitting a blog comment, submitting an information request or ordering a purchase, I would have muttered “Forget it!”, closed the browser tab and not returned. Ever!
But, this was legitimate work for a long-term client. I had to complete this task.
I tried again. Again I was presented with a garbled mess.
The third time I hit the jackpot. The group was verified, finally.
This process should not be more challenging than winning in Vegas!
These damn things might be stopping most bots from proceeding, but how many humans are also blocked? There has to be another way to treat humans humanely while keeping out spammy bots!
And yes, reCAPTCHA have been offered as a “more accessible” solution.
But have you ever tried deciphering one of their audio CAPTCHAs? Have a listen to this one (audio without a transcript).
Did you get that?
But seriously, if a frivolous photo app garners $1 billion, imagine what a non-irritating solution for distinguishing humans from computers would fetch. That is my challenge to you. In the meanwhile, consider CAPTCHAs and the necessity of them heavily. They may well be lowering participation and use of your websites.
By sharing my seven most frustrating obstacles I encounter online, I hope I have demonstrated that web accessibility is about more than screen readers, and far more in the developer’s hands than not.
Accessible websites benefit more than only individuals who are blind or have a visual impairment. Accessible sites also benefit people such as myself – those of us with mobility impairments and fine motor skill difficulties, as well as people with hearing impairments, cognitive impairments or who have seizures. And, yes, those who are aging and losing their 20/20 vision.