What modern web apps sound like
summary
Live demo shows what HTML5 plus WAI-ARIA actually sounds like through Firefox Nightly + NVDA 2014 and commercial Vocalizer voices, using real Twitter, Facebook and Google Drive interactions. ARIA features like live regions and roles (toolbar, menu, autocomplete) announce new tweets, autocomplete counts and expanded widgets; app shortcuts such as J/K and period navigate timelines once virtual/browse mode is turned off (Insert+Space). Twitter posts send live, Facebook expands compose widgets dynamically, and Google Docs behaves like a desktop app when virtual mode is disabled — accessibility improvements are tangible and working.
AI-written summary · about
chapters (46)
- 0:00Introduction
- 0:50Welcome
- 4:10Twitter
- 12:55Twitter Live
- 14:47Twitter autocomplete collapsed
- 15:38Twitter toolbar
- 16:29Browse mode
- 17:11Accessibility
- 19:04Mozilla Paris
- 19:29GIOD
- 19:48Twitter nightly
- 20:11Twitter document
- 20:50NVDA
- 22:03Facebook Document
- 23:54Messages
- 24:05Notifications
- 24:21Status
- 24:37Link
- 25:09Button Market
- 25:25Post Status
- 25:53Screen Reader
- 26:28Quick Navigation
- 26:56Autocomplete
- 27:34Facebook Posts
- 28:19Notification Menu
- 28:59Post Button
- 29:33Edit Field
- 31:00Google Drive
- 31:20Files and Folders
- 31:55Untitled Document
- 33:43Google Docs
- 35:01Menu Bar
- 35:41Submenu
- 35:54Table
- 36:46Sections
- 37:32Collaboration
- 38:04Google
- 38:32Right accessibility
- 38:57Rename files
- 39:13Conclusion
- 39:29Questions
- 39:41Hans
- 49:51Forms
- 50:45Jaws
- 51:26Marquee
- 54:14Lanie Watson
related talks
31mBringing the Web Back to the Blind
24mReusable Widgets that Work!
32mEmpowering Rich Internet Applications (RIAs) with Accessibility
31mARIA Was Made For This Accessiblility of JavaScript MVCs
38mIntegrating AI and Browser API Voice Recognition on Web App
26mAccessibleJS
45mYou're only supposed to blow the bloody doors off!
23mPractical A11Y for Web Apps