Web navigation is quite difficult for blind persons using a screen reader, since the pages are read sequentially, one row at a time according the page code structure, starting from the top left corner of the page and losing all layout, style and font information [3]. Search engine interaction is even more difficult due to the complexity of the interfaces and functions: actions take longer and tasks are more difficult since additional actions are required. Craven et al. [2] performed experiments on a sample of blind and visually-impaired users who carried out four information-seeking tasks, including the use of search engines. Visually-impaired users searching the Web for a specific piece of information took on average 2.5 times longer than sighted users. The efficiency gap was further quantified in [4], where, when executing a set of tasks, blind participants took twice as long as sighted users to explore search results and three times as long to explore the corresponding web pages.
Our results show that it is possible to have a great UI "look & feel" while assuring satisfaction and efficiency of use for all, and in particular for a blind user interacting via screen reader with a voice synthesizer. We chose Google to show that UI interactions can be improved while maintaining the original graphic layout provided by the Google visual designer. Our design was completely user-centered since we took into consideration the special needs of blind users from the earliest stages.
Our approach involved modifying source code: grouping the most important parts of the interface and repositioning them in a more appropriate way in the code, adding shortcuts to make navigation faster and introducing sounds for alerting one user about important events. We took great pains to ensure that the visual appearance of the pages was the same in the original and modified version. We believe that when designing the graphic layout of the user interface one should keep sighted users in mind, but when structuring the interface code it is fundamental to consider the needs of blind users. For parsing search results, we used Google API and XSLT [1]. Once the prototype was tested and revised by this paper's blind author, we conducted qualitative usability testing with blind users who navigate via screen reader, in order to collect comments and suggestions and highlight any interaction problems.
The screen reader deals with web page content in a very different manner from visual rendering. Without knowing the structure of the interface, people risk spending a great deal of time exploring without ever reaching the important elements.
Figure 1 shows the screen reader's interpretation of the original (left) and modified (right) result pages. Italics refer to words/sentences inserted by the screen reader, informing the user about interface elements (link, button, edit field, heading level and so on). New parts, added when we re-engineered the interface, are highlighted in bold. Note how the different order of the sections in the code has changed the screen reader's sequential reading. In the modified UIs the results are the first elements announced. Each result is numbered and separated by a blank line (a pause) from the following while in the original UIs there is no clear separation between results, which may be confusing.
A test was sent to each participant in electronic format by e-mail or in a form accessible via Web.
Original Google interface | Modified Google interface |
---|---|
Francesco Renga Concerts - Google Search Link Go to Google Home Web Link Images Link Groups Link News Link Froogle Link more Edit Francesco Renga Concerts Search Button Link Advanced Search Link Preferences Search: Radio button checked the web Radio button not checked pages from the UK Web Results 1 - 10 of about 2150 for Francesco Renga Concerts.(0.076712 seconds) Table with 4 columns and 6 rows Sponsored Links Link Francesco Renga CDs [...] www.cdconnection.com Link Concerts [...] www.MrsFinder.co.uk table end Link Northern Italian culture [...] www.bed-breakfast-italy.com/culture/outdoors.htm - 11k - Link Cached - Link Similar pages Link Live 8 - LIVE on XM [...] www.xmradio.com/live8/index.jsp - 23k Link Cached - Link Similar pages [...] Result Page: 1 Link 2 [...] Link 10 Link Next Edit Francesco Renga Concerts Search Button ... |
Results for Francesco Renga Concerts - Google Search Web Heading level 1 Results: Results 1 - 10 of about 2150 for Francesco Renga Concerts. (0.072713 seconds) 1 Link Northern Italian culture - [...] http://www.bed-breakfast-italy.com/culture/outdoors.htm - 11k - Link Cached - Link Similar pages 2 Link Live 8 - LIVE on XM [...] http://www.xmradio.com/live8/index.jsp - 23k - Link Cached - Link Similar pages [...] Heading level 3 Sponsored Links Link Francesco Renga CDs [...] www.cdconnection.com Link Concerts [...] www.MrsFinder.co.uk Heading level 1 Result Pages: 1 Link 2 [...] Link 10 Link Next alt++ Heading level 2 Search: Edit Francesco Renga Concerts alt+c Search Button Search: Radio button checked the Web alt+w Radio button not checked pages from the UK alt+p Heading level 2 Advanced search: Link Advanced search alt+a Link Preferences Navigation bar: Link Navigation help alt+h Link Google Homepage alt+g Web Link Images Link Groups Link News alt+n Link Froogle Link more ... |
The protocol used included a preliminary questionnaire, a set of tasks, and a post-questionnaire:
Testing itself consisted of 10 steps (tasks) including a preliminary exploration of the original and modified Google interfaces, as well as performing free and specific queries and exploring results in both the interfaces.
No data were collected during testing performed by users; only subjective data were gathered by questionnaires. Data from the post-questionnaire revealed that all users appreciated the simplified interaction and especially the positioning of the search box and results. In particular, all participants declared that the modified home page interface simplified the search set-up compared to the original one, and 11 of 12 thought the result interface was clearer and easier to use. Concerning the speed of accomplishing the assigned search tasks, 11 of 12 participants acknowledged they felt that the simplified interaction and the greater clarity in result exploration reduced the time needed to carry out the search. The most skilled user stated that the time it took to reach desired results was reduced by 20-30% compared to time required for the original Google interface. Regarding evaluation of specific features, participants judged sounds, shortcuts, and different visiting order assigned to links (i.e. by tabindex) to be important, as well as hidden labels and numbering of results which assured greater clarity and aided orientation in result exploration. The participants suggested that Google adopt all (9 users) or some (2 users) of the proposed changes. Last, users expressed great interest in applying the same solutions to other services offered both by Google (Froogle, News, and Scholar) or by other e-commerce websites.
[1] Andronico P., Buzzi M., Castillo, C., Leporini B. Improving Search Engine Interfaces for Blind Users: a Case Study. To appear in UAIS Journal (2006), Springer.
[2] Craven, J., Brophy, P. Non-visual access to the digital library: the use of digital library interfaces by blind and visually impaired people. Tech report, Manchester: CERLIM, 2003. http://www.cerlim.ac.uk/pubs/index.php
[3] Goble C., Harper S., Stevens R. The Travails of Visually impaired Web Travellers. In Proceedings of Hypertext '00 (San Antonio, June 2000), ACM Press, 1-10.
[4] Ivory, M. Y., Yu, S. Gronemyer, K. Search result exploration: a preliminary study of blind and sighted users' decision making and performance. Extended abstracts of CHI '04 (Vienna, April 2004), ACM Press, 1453-1456.