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.
Lot has been happening in the recent past. Here is a quick update:
Noticed that Ministry of Social Justice and Empowerment, Government of India has re-designed its website and here are list of quick accessibility findings. Note that this is not a complete assessment report.
- Slider images do not have appropriate alternate text. They are provided something like “Slider 1, Slider 2 etc.”
- Page has about 11 color contrast issues
- Main navigation menus are operable using keyboard; however, menus gets automatically expanded and user is forced to navigate through all menu items.
- Under important links section, there are several menus but not operable using keyboard
- Under “What’s new” section, role of “play” and “stop” elements are not defined.
- Redundent information is provided for links under What’s new section. Information is provided as text as well as alternate text for PDF image and also provided using ti
- “New” image does not have appropriate alternate text. also, it’s flashing.
- Links provided at right side e.g. Prime minister’s relief fund, e-Gazette etc., exposes redundent information to screen readers due to use of title attribute.
- Several images have additional alt text like Digital graphic
- Logo has marked up as a heading but there are no headings defined on the page
- Due to use of title attribute for several links with text “link” – redundant information is provided to screen readers
Related reading: Developer resources would be of help to resolve accessibility issues.