In recent months, several popular social networks relaunched or updated their services, and one new player came out onto the plain field that, initially hyped, now is hardly talked about any more.
Unfortunately, what all these have in common, is a great number of problems when it comes to accessibility. This is not just for the blind and visually impaired, but also considering people with other kinds of disabilities. The less good the markup in general, the less assistive technologies of any kind will work, and the less likely people with varying disabilities will be able to use them successfully to interact with others. Remember, all of these call themselves “social networks”. But if you try to apply the term for people with disabilities, the concept often falls over quite badly. Let’s have a look!
Twitter relaunched its web offering a few months ago, calling it “New Twitter”, and frankly, pissing off a lot of folks with it, disabled or otherwise. Many of the items are not properly marked up or keyboard accessible. Put your mouse away and try to reach all the options. I guarantee yo you will encounter problems. Some of the stuff is only reachable by hovering the mouse over an item. Others are marked up in a way that is totally inaccessible. For example, with New Twitter, I can no longer block or report an offending account for spam. All I can do is follow. Mouse users have some sort of funky button at the top right somewhere they can do these things, but no matter how hard I tried, I couldn’t get to it via any accessibility means at my disposal.
There are other problems, for example I often hear people complaining that they miss out on direct messages sent to them because the Twitter site doesn’t properly notify them. This is not an accessibility so much as a usability issue that affects everybody.
Compared to the old site, it’s a huge step backwards in accessibility. Tweets are also no longer put into a list, so jumping from tweet to tweet using the “jump to next list item” feature most screen readers offer, no longer works, making reading tweet timelines via Twitter really really cumbersome.
Fortunately, there are a lot of accessible clients out there that allow access to Twitter. The Twitter app for iOS is coming to be accessible more and more. The iPhone version is almost completely accessible, the iPad version still leaves a lot to be desired, but has come a long way since its initial release, which offered no VoiceOver output whatsoever. If Twitter stick to this path, they’ll eventually manage to make it fully accessible there, too. [Update Dec 9, 2011: Actually, version 4 of the iOS twitter app came out a few hours after I posted this article, and it turns out it is not only a big step back in usability for the more advanced user, but also a big step backwards in accessibility on the iPhone. The iPad UI, not yet changed to the new usability concept, has become more accessible, but is still not useable efficiently.] I am not an Android user, so I am not certain how well the Android version of Twitter fares with Talkback or other Android accessibility aids. [Update December 9, 2011: From what I gather from various sources, the newest version, published a few hours after I posted this article, has been rendered completely unusable for Talkback users.]
There’s also a web client called Easy Chirp (formerly Accessible Twitter) by Mr. Web Axe Dennis Lembree. This one is marvelous, it offers all the features one would expect from a Twitter client, in your browser, and it’s all accessible to people with varying disabilities! It uses all the good modern web standard stuff like WAI-ARIA to make sure even advanced interaction is done accessibly. I even know many non-disabled people using it for its straight forward interface and simplicity.
For iOS, there are two more Apps I usually recommend to people. For the iPhone, my favorite Twitter client is TweetList Pro, an advanced Twitter client that has full VoiceOver support, and they’re not even too shy to say it in their app description! They recently even added such things as muting users, hash tags or clients, making it THE Twitter client of choice for me for all intents and purposes.
Another one, which I use on the iPad for its native interface, is Twitterrific by The Icon Factory. Their iPhone and iPad app is fully accessible, the Mac version, on the other hand, is totally inaccessible. On the Mac, I use the client Yorufukurou (night owl).
A similar picture can be painted for Echofon. The Firefox extension and desktop clients are largely inaccessible, the iOS version is.
Oh yes and if you’re blind and on Windows, there’s only one client available for you, which is becoming the successor to Qwitter, Twitmonger. It’s designed specifically for the blind with hardly any visual UI, and it requires a screen reader or at least installed speech synthesizer to talk.
In short, for Twitter, there is a range of clients, one of which, the EasyChirp web application, is truly cross-platform and useable anywhere, others are for specific platforms. But you have accessible means to get to Twitter services without having to use their web site.
For the rare occasions I use that social network, the stuff I have to do like answering friend requests has become even more cumbersome, because depending on what I need to do, I have to switch between the standard and mobile interfaces now. Even more annoying than before!
Well, I know of only one client, really, the iOS one also published by Facebook. I know there’s an Android client, too, but have not used it. The iOS app has problems on and off with accessibility on the iPhone. On the newly released iPad UI, there are even more problems. You cannot post a status update if you have to use VoiceOver, from the iPad, for example.
Facebook Messenger has even more accessibility problems, lots of unlabelled buttons, and the messages themselves aren’t read, only the names and time stamps.
For chat, I am using Adium with the Jabber interface to Facebook chat.
Google Plus was THE most hyped thing of the summer hole, and as fast as summer went, so did people lose interest in it. And you know what? That’s well deserved! The Google Accessibility team said at launch that “accessibility was considered up-front” in Google Plus. Guess what? Consideration was mostly what there was to it, hardly any deeds had been following those considerations. Adding people to circles, posting a status update and choosing the circles to post to… It was cumbersome, it was in large parts unuseable with the keyboard, much less a screen reader. I became so frustrated with it that I deleted my account after 3 weeks, and I won’t be coming back. If you are interested in a more thorough review, find Kevin Chao’s posts in the “Accessible” Google Group where he talks about the problems of Google Plus and their iOS app, which also fails accessibility.
Yammer is an enterprise social network we at Mozilla and in a lot of other companies use for much internal communication. It also has some serious accessibility issues, but also has a responsive Twitter account where I quickly came in contact with a person to talk to about the problems I’m having. Right now, for example, I cannot post status updates myself since that widget isn’t keyboard accessible.
The iOS client for this web app also has problems. There, I can post, but I cannot read any other’s posts. The VoiceOver support doesn’t include the actual text of a post in any of the views. But again, the team who produces the iOS app also belongs to Yammer, Inc., so hopefully we’ll be able to resolve these soon!
identi.ca from Status.net is a microblogging service similar to Twitter. And unlike Twitter, it’s accessible out of the box! This is good since it does not have a wealth of clients supporting it like Twitter does, so with its own interface being accessible right away, this is a big help! It is, btw, the only open-source social network in these tests. Mean anything? Probably!
Out of all the social networks I tested, only the last one, the open-source identi.ca service is accessible up-front. All the others have issues right away, or introduced severe issues upon relaunch/UI update.
In looking for reasons why this is, there are two that come to mind immediately. For one, lack of knowledge or gaps in the test coverage. If all testers or developers of web applications would put the mouse away or disable their track pads for just five minutes and test their own stuff with just the keyboard, they’d be surprised at how many issues, most of them super simple to fix, they’d find! This knowledge can be refreshed. There is a wealth of information out there on accessible web design. And there’s a community that is willing to help if pinged!
Another reason is the common misconception of many managers or other business decision makers that accessible web design is far more expensive than just leaving it out. You’re only right on that count if you continue to consider accessibility as an after-thought only, having to build it on top when asked, complained, getting bad press or even getting sued. If you decide to allow your developers to put in accessibility up-front, making inclusive design decisions, you’ll still find that it requires a bit more testing, but won’t require nearly as many resources as it would to build in accessibility after the fact.
Another suggestion: Look at what others are doing! Learn from them! Don’t be shy to ask questions! If you look at what Yahoo! have been doing for the last three years, building inclusive design patterns into all of their web apps including the latest Yahoo! Mail update, you’re seeing an example of that it can be done, rich in functionality and visual esthetics, but still fully accessible!
I know that it isn’t quite New Year’s Eve yet, but my hope for 2012 would be that more social network makers would take the word “social” in their business slogans more seriously and start thinking inclusively rather than excludingly!