- Assistive Technology Specialist at Southern New Hampshire University in Manchester, NH.
- Quality Assurance Tester – Section 508 Compliance in New York, NY.
- Sales Engineer for the Accessibility Management Platform at SSB Bart Group in Manchester, NH.
- Sr. Product Manager, Accessibility wanted at eBay in San Jose, CA.
- Web User Interface Analyst (direct hire) at Modis in Vienna VA.
- iOS developer at American Printing House for the Blind in Louisville, KY.
- Senior Technical Program Manager, Accessibility at Microsoft in Redmond, WA.
- Adaptive Technology Specialist at Riverside City College in Riverside CA.
- QA Accessibility Tester at Enterprise Solutions in Mountain View, CA.
- Web Accessibility Software Engineer at Apple in Santa Clara Valley, CA.
- Android Software Engineer – Mobile Accessibility at Twitter in San Francisco, CA. Can also contact @Sommer on Twitter!
Over the last year or so, a design trend in the web and mobile world has been transition animations, parallax effects, and the like. For many users, this can cause vestibular issues; the symptom is usually vertigo, or a feeling of motion sickness.
The issue was not well recognized until iOS 7 was released and overwhelmed users with an excessive amount of visual effects, especially parallax. Numerous articles were written about this issue, including iOS 7 and motion sickness by iMore. In a poll displayed on that article, about 28% of users reported having either mild or serious motion sickness with iOS7; this is not a formal study but still makes quite a statement. And at the time of writing, there are 100 comments on the article!
Pro tip! To reduce the parallax effect in iOS 7, go to Settings > General > Accessibility > Reduce Motion.
Pros and Cons
A study by Purdue University found that “although parallax scrolling enhanced certain aspects of the user experience, it did not necessarily improve the overall user experience”. Let’s take a look of pros and cons of parallax design.
- May possibly increase user engagement.
- Makes many users sick.
- Requires additional code which makes web pages more complex longer to load.
- Does not function smoothly across all browsers.
- Difficult to implement with responsive and mobile design.
- Can make it difficult or frustrating for the user to consume content due to excessive scrolling.
There are obviously many more negative points for using parallax design as there are positive. My recommendations are:
- Use parallax effects (and animations) with much discretion and tolerance, if at all.
- Ensure complete browser testing on desktop as well as mobile devices.
- Why iOS 7 is making some users sick by The Guardian
- How the parallax effect is used in web design by TechRepublic
- A Primer To Vestibular Disorders by The Accessibility Project
- What are the symptoms of a vestibular disorder? by Vestibular Disorders Association (VEDA)
- Added Sep 22: Balance Awareness Week and iOS8, a Storify by @Feather
- Added Sep 23: Animation for Attention and Comprehension by Nielsen Norman Group
— Adrian Roselli (@aardrian) September 28, 2013
— Web Axe (@webaxe) July 15, 2014
— Jeffrey Zeldman (@zeldman) July 25, 2014
The Accessibility Summit, an online conference on accessibility, took place earlier this week. The event is presented by the good folks at Environments for Humans (@e4h). The event was one day in the past few years but was extended to two days this year! If you attended or not, take a look at the great information in the Twitter stream using the hash tag #a11ySummit.
Here are several great presentations which were given at the Accessibility Summit:
TalkBack & Magnification Accessibility in Android 4.3+ by Paul Adam (@PaulJAdam).
Keyboard and Interaction Accessibility Techniques (Slideshare) by Jared Smith (@jared_w_smith).
CHANGE is not a four-letter word (PDF) by Kimberly Blessing (@obiwanKimberly).
Dennis speaks with George Zamfir on his background, his activity in Toronto, and how Responsive Web Design (RWD) can benefit web accessibility. The conversation stems from George’s talk Responsive Web Design & Accessibility from the Accessibility Camp Toronto last fall. A notable quote from the 50-minute conversation:
Let go of fixed widths
As techniques for usability and accessibility have some cross-over, so do RWD and accessibility. Case in point, this recent article on Mashable, 6 Easy Ways to Make Your Website Tablet-Friendly. The main points of George’s presentation are that responsive web design:
- is like a user’s custom stylesheet
- adheres to web standards
- thinks mobile first & uses progressive enhancement (PE)
- caters to users’ needs
- Accessibility in Responsive web design (Slideshare)
- Responsive Web Design (A List Apart, May 2010)
- Why mobile Web accessibility matters (mobiForge)
Elegant Insights Braille Creations offers custom jewelry, accessories, and promotional items, all embossed in crisp, readable Braille. Our distinctive, made-in-the-USA collection is crafted using contemporary metals such as brass, copper, and stainless steel. Call Laura Legendary at 509-264-2588 or stop by facebook.com/Elegant.Insights or follow on Twitter @ElegantInsights.
So I attended the first day of Google I/O 2011, my first time at a Google event. I was glad to hear a fair amount of talk about accessibility. There were at least 3 sessions focusing on the topic (see below) and a breakout area where you can talk with developers.
There was even an accessibility “Developer Sandbox” area which was great. I tried out the ChromeVox screen reader on a Chromebook with help from Google’s Rachel Shearer. I got a quick demo of the built-in TalkBack screen reader on an Android mobile device. Mika Pyyhkala and I were shown the LevelStar braille device running Android. The University of Washington showed off their mobile ASL Android project which used video chat technology.
Some tips for Android development from the sessions are:
- In Android code, ensure images, especially ImageButtons, are labeled with
- Use standard controls.
- Stick with standard or modified views; custom very complex to make accessible.
- Ensure all controls reachable with D-pad and Trackball.
- Test with screen reader using D-Pad. To turn on, enable accessibility under Settings/Accessibility, then enable Talkback.
- Take advantage of device’s “many eyes and ears” for alternative input/output (microphone, speaker, touch screen, camera, GPS)
The sessions specific to accessibility were:
- Accessibility: Building Products that Everyone Can Use by Brad Green, Erin Rosenthal (on YouTube)
- Leveraging Android Accessibility APIs To Create An Accessible Experience by Charles Chen, T.V. Raman, Tim Credo (on YouTube)
- Creating Accessible Interactive Web Apps using HTML5 by Dominic Mazzoni, Rachel Shearer (on YouTube)
- Added via comment below: The YouTube Caption API, Speech Recognition, and WebVTT captions for HTML5 by Naomi Black, Cynthia Boedihardjo, Jeffrey Posnick (on YouTube)
- My Flickr album from Google I/O 2011
- Google Accessibility Resources for developers and publishers: APIs, captioning, and standards
- Android Developers – Designing for Accessibility
- The official Google I/O 2011 announcements
Tim Credo, Charles Chen, and T.V. Raman on stage at Google I/O.