Csun2010 read speaker_formreader_presentation
Upcoming SlideShare
Loading in...5

Csun2010 read speaker_formreader_presentation



CSUN 2010 presentation about ReadSpeaker formReader which is a web app for speech-enabling online forms for better accessibility and usability.

CSUN 2010 presentation about ReadSpeaker formReader which is a web app for speech-enabling online forms for better accessibility and usability.



Total Views
Slideshare-icon Views on SlideShare
Embed Views



1 Embed 12

http://www.slideshare.net 12



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • eServices and Rich Internet Applications are getting more and more popular, not only for interacting with the  government but also in the social space (like facebook, myspace etc.). We have started a project to address the first problem together with customers in the public sector where we take the way a screen reader interpreted a well coded online-form and made a solution where the form itself is self-speaking using ReadSpeaker® technology.   It is about bringing the screen reading technology to the web where it can be used by all visitors that needs to listen as well as to read. It is targeted towards people with various reading handicaps as well as people with language difficulties. This will result in betting eGovernment inclusion, less wrongly submitted forms and a feeling of “I can make it myself” for the users who otherwise could not easily fill in these forms without special assistance. The solution we have developed for speech enabled web forms not only reads out the form labels but also reads aloud what you have written in the fields and what choices you have made.
  • Form Assistant

Csun2010 read speaker_formreader_presentation Csun2010 read speaker_formreader_presentation Presentation Transcript

  • Making e-Services more accessible through speech enabling A VoiceCorp ReadSpeaker® case study
    • E-mail: [email_address]
    • Blog: http://blog.readspeaker.com
    • Web: www.readspeaker.com
  • Background
    • Niclas Berstrom co-founded VoiceCorp in early 2008
    • VoiceCorp is the result of merging activities from different companies including Niclas old company Phoneticom (founded in 1999)
    • Pioneers in server based speech enabling services for the web
    • ReadSpeaker® services used on over 5000 websites world wide
    • Products ranging from free services for private bloggers to Enterprise solutions for large corporations and government
    • History of developing innovative products that increases the reach of electronic text based information and content (teleWeb, DAISY Generator, TextAid, podCaster and other reading services)
    • VoiceCorp is dedicated to, and deeply involved in, the important work of web accessibility, web standards and ”design for all”
  • On-line forms… an overview
    • HTML Based forms
    • PDF Form (Adobe® PDF Forms Access)
    • PDF (off-line) Forms
    • Other (Flash etc.)
  • Enriched HTML Forms Example from ba.com where Ajax is used to suggest destination based on the first letters you enter.
  • HTML forms
    • There are well defined standards – use them!!
      • <label>, <legend> elements etc.
    • Javascript/Ajax can enrich the user experience and usability of the form
      • Unobtrusive JavaScript ( Separation of functionality from structure)
      • Functionality also without JavaScript
    • Use jQuery/ARIA mark-up when standard HTML controllers are not enough
  • What is ARIA?
    • ” Accessible Rich Internet Applications” markup
    • Enables you to create fully accessible and keyboard controllable custom controllers ”beyond HTML Elements”
    • Define roles, states and properties for the elements using additional ARIA attributes
    • Interpreted as standard controls by screen readers (when coded correctly)
        • Example 1 - Sliders
        • Example 2 – Toggle
        • Example 3 - Tree
  • Project: ReadSpeaker® formReader™
    • Enable more people to use on-line forms by applying screen reader techniques
    • Process
      • Develop prototype built on inhouse experience
      • Compose testgroup
      • User testing
      • Evaluation
      • Adopt results from user testings
      • Testing
      • Launch pilot
  • DEMO
    • Show the ReadSpeaker® formReader™ prototype in action
    • (can be found on the Contact form at www.readspeaker.com )
  • User groups
    • Usability analysis of ReadSpeaker® formReader™
    • Groups participating;
      • Dyslexia
      • Poor vision
      • Cognative difficulties
      • Senior citizens
      • Non-native speakers
  • Feeback from User group tests
    • 75% said that the service was easy to use
    • 93% said that the intro message was important
    • 87% said that it is good that the text entered is read automatically
    • 87% of the users think this is a service that should be provided on forms
    • 60% said that they would use this service (as is)
    • Higher interest from people with disabilities than from non native and seniors
  • Other feedback
    • Number of improvements were suggested
      • Numbers (like phone numbers) should be spelled out
      • Shorter time to audio when using low bandwidth connections
      • Click on filled in fields to repeat what has been filled in
      • Make it more obvious how to activte the service
      • Read also the section headings (legend)
  • Now…
    • First live pilot version implemented September 20 in 2009
    • Three on-line forms was enabled in the pilot
    • Measure usage, behaiviour and amount of forms filled in correctly
    • Continue to develop the ReadSpeaker® formReader (em)
  • Resources
    • http://www.readspeaker.com/content/readspeaker-formreader
  • Contact
    • http://www.readspeaker.com/content/contact-us