Making Accessible Web Apps Using HTML5 and ChromeVox

In this webinar, Rachel Shearer walks you through how to make accessible web apps with HTML5 and ChromeVox.
0:00 Introduction and ChromeVox screen reader demo
6:12 DOM structure and best practices, divs, spans, etc.
25:28 Keyboard navigation, focus management, native HTML controls, handling images, etc.
26:56 ARIA attributes, etc.
42:44 Tools & Resources

[@TheChoofamily]

Great intro to making websites accessible for someone who is new to this. Presented very clearly with examples. Very well done. Thank you!

[@mgr.januszchmiel604]

I would like to express my deepest possible appreciation not only to The Google developer and author of this video. But I would also like to express my deepest possible appreciation to all engaged Google engineers, who are developing reliable, stable and secure operating systems, WEB browsers. Chrome vox is not only reliable and excellent screen reading Chromium addon, but also very useful and stable screen reader for ChromeOS Flex operating system. I Am really very nicely impressed by all Google engineers programmers work. Lookout by Google, Android accessibility suite screen reader and many of your fully accessible applications. My appreciation also goes to Google engineers, who are developing Android and ChromeOS Flex kernel and its chip drivers. It is very very responsible and complex work.

[@pv2barrows]

Very helpful and much appreciated! Keep up the great work and I hope Google does more of these types of presentations.

[@chinmaym7479]

Really great video even after 8 years

[@wihlke]

Yeah, lets focus on her gender and looks, guys! -.- This video is a great lesson in accessible web and web in general. Keeping the DOM clean and precise.

[@linusmanuel]

Great work, I enjoyed a lot to watch this video and learn too.

[@saurabhdutt2857]

....................................................... Great article….!!!Nice to know about new things with helping concept. I am almost brand new to blogging and really like your post, it is really on target! Thanks for all of your time & work. Hope you always write this blog. Thank you, The given information is very effective. I’ll keep update with the same.

[@rayft1422]

Thank you very much for this video. Very helpful for my current project

[@codingwithjoyk]

Great information... thank you! many smiles~

[@genakainovskiy7050]

Thank you ! Nice work !

[@anuragchaturvedi4247]

Very useful tutorial. Thank you

[@wbedard]

Great job delivering some pretty "dense" content in a clear and articulate manner. It's nice to see great presentations like this from some of the less "sexy" groups within Google. Keep up the good work...:>)

[@davidolaboye5549]

Great tutorial! Thanks Rachel, it was really resourceful during my undergraduate research project. ChromeVox does not read from the DOM, it is reads from the AOM(Accessibility object model).

[@franciscojsanz]

It would be great if you could do a summary of the webinar! I want to watch webinars.. but I don't have 44mins to invest on them! :(

[@lucygru]

Excellent!!!

[@StPeteDesign]

Great video. Full of great information. I learned a lot and would love to talk to you or somebody from your company about Web Accessibility For WordPress Developers. Thank you and keep up the great work!

[@shankars2045]

great webinar! I completely enjoyed it! imagin if chromevox can allone work with such perfection what about the famous screenreaders with proper coding? can some one tell me where can I find this kind of videos together is there a playlist created for this? I can't find on the channel. can some one share it here

[@nehapatil3952]

Very informative.. I want to ask 2 question: 1. After making add to circle widget accessible. When you enter that button first firends checkbox in checkbox list not read by screen reader? 2. In pop-up dialogue live coding example that dialogue box text was not read by screen reader? Anything we need to add to make it readable by screen reader.

[@ling6701]

Excellent! But, on slide 15/36 (@22:48), when the dialog opens, the screen reader doesn't actually read the dialog text: "Are you sure you can afford it". Then how does a blind person get aware of that text? Is that something that developers should do, or ?

[@JasonMatthewChampion]

So, one thing I noticed, is that it did not mention the top-most item in the Add To Circles dialog. It highlighted the "Friends" checkbox, but did not tell the user what item was currently selected. It only began reading the checkbox items after tabbing. How could that be fixed?

[@ravikirangundala4257]

Hi, I have a problem like, after selecting any option from combo box, screen reader announcing as "combo box option collapsed required", but I need a custom message like "option selected combo box collapsed required" how can I achieve this. Please help me out from this problem.

[@suzanneseale9543]

Great! Golden Gate Bridge. Is the word photo needed? Will the user know it's an image?

[@grupogama2]

i'm in love + you can program that is really hot.... great work

[@TurboEmily]

Mountain view is rather different from the rest of the US, if that helps :)

[@freezepl]

Rachel, great eyes!

[@atiqakhadimhussain3080]

I have a question could you help me plz

[@Lloyd810]

Why do you google representive use apple products.!

[@TurboEmily]

I work for Google :)

[@sashundera91]

Why arent they allowed?

[@TheAwesomeDudeGuy]

0:31: "You just hover over it with your mouth..."

[@martinboom01]

That girl has beautiful fingers :)

[@majidsyed5151]

Martin Groh so creepy :P

[@themasteregypt84]

this video is helpful thanks and i wanna say that you're so cute

[@en4ce_]

yay! more dev time and more overhead for 1% of the users :/ ~ i dont say that its not needed...

[@daavis2503]

Farst

[@scrimpmster]

however, she's quite sweet.

[@daralaujam]

way Google use apple Davies I think the Apple products is best than Google like Android the. way not use the links or Microsoft Os the Microsoft Os 85% in worldwide, The Shem in google lap use

[@TheAwesomeDudeGuy]

1:15 LOL! TAB NOOB!

[@TurboEmily]

This is false. The reason why googlers prefer macs for laptops is that they are relatively painless to use when you are running between meetings etc.

[@MasterTonySang]

Google Apple Rivalry between Google and Apple She is employee of Google She is using products Apple Life has no meaning

[@Brandon_letsgo]

video whitout subtutles? LOL

[@JamesDFreeman]

Most Google employs use Macs, they aren't allowed to use Windows without good reason, so they can only use Mac, Linux, or Chrome, Chrome isn't suitable for a lot of what they do though

[@Brandon_letsgo]

u are wrond. Learn about web standards.