Skip to main content

Tagged as

Twitter

Twitter for WordPress vs Accessible Twitter for WP plugins

While we are playing to re-build our website, we wanted to be sure we address accessibility to the best possible extent. Well, we are still working on it; there are still some challenges! This post is to illustrate how replacing one plugin has made a huge difference from color contrast prospective.

We always believe in using native products of a company as much as possible. So to display our our Twitter timeline, we have opted to use widget code generated by Twitter Developer Tools and added widget our side bar. When we ran aXe by Deque on our website, we found 49 colour contrast issues and 38 of them are causing from Twitter widget. It was very hard to fix all of those issues.

Then we have opted for WP Accessible Twitter Feed and though it has some less features like we cannot engage our visitors directly from website by letting them use features like Reply, Retweet, Like etc., it has solved the issues of colour contrast. One additional thing we had to do is add authentication keys in settings.

We wish Twitter’s own widgets include accessibility at some point.

Twitter iOS app is beautiful and inspiring!

Recently updated Twitter app for iOS version 7.1 is beautiful and inspiring to use. This is well designed keeping universal design in mind. Here is what I found impressive:

Clear icons Very pixel perfect, smooth edges and easy to see. Enough color contrast between foreground and background.

Links are underlined – all links including hashtags, twitter handles are underlined. Though I would prefer twitter handles and hashtags not to be underlined as they do already have a symbol attached to it.

Dynamic contrast for back and compose buttons When background color is changed, for instances, when profile page is opened, automatically more contrast background colors are added to back and compose buttons so that they are visible.

Less cluttered buttom navigation now just have home, search, notifications and direct message tabs; many things have been moved to a side menu that can be invoked using left-to-right swipe.

Night mode Even when night mode is turned on, it was pretty easy to use all options and all elements are clearly visible.

Accessibility options Through this section, settings can be activated including increasing font size, enhanced contrast etc.,

Overall, great job Twitter’s Accessibility team! This is something I would urge all app developers to get inspired and build inclusive mobile applications.