8. Best practice for speech navigation accessibility Test keyboard navigation Label everything, inc. form elements Avoid frames or use sparingly Use standard Windows/HTML controls Ensure cross browser compatibility
9. Dragon browser compatibility Dragon NaturallySpeaking 11 Works well with: Firefox 3.x Internet Explorer 7/8 Works only using gleebox: Google Chrome Safari Does not work at all with: Firefox 4/5 Internet Explorer 9
10. WSR browser compatibility Windows Speech Recognition (Windows 7) Works well with: Internet Explorer 8/9 Kind of works with: Firefox 3.x Google Chrome A horrible experience: Firefox 4/5
11. Essential reading Guidelines For Speech-accessible HTML for Dragon® NaturallySpeaking http://tinyurl.com/speechHTML Guidelines for Developing Windows applications Compatible with Dragon®NaturallySpeaking http://tinyurl.com/speechWinGuide
12. Questions? Kris Roger Centre for Learning Technology www.lse.ac.uk/clt k.roger@lse.ac.uk @KrisEdTech
Test keyboard navigationWhen doing things by voice doesn’t work directly the user can revert to using keyboard commands by voice.Label everything, inc. form elementsFor something to be clickable it must be associated with some text that is pronounceable.Use unambiguous labels that are pronounceable. Do not use lots of identical labels (e.g. click here). Make it clear what the labels are for form elements.Avoid frames or use sparinglyMoving from one frame to another is quite difficult by voice, especially if there are scrollbars within any of the frames.Use standard Windows/HTML controls (buttons and text entry boxes especially)Java applets are notoriously badVisual design often trumps functionality, especially where accessibility is concerned.Ensure cross browser compatibilitySpeech recognition users are often restricted to particular browsers.