Accessible Components: Screen readers -- Polycasts #50

Channel:
Chrome for Developers
Subscribers:
793,000
Published on ● Video Link: https://www.youtube.com/watch?v=Lktz1KXbTOU


Duration: 7:23
28,369 views
369

Continuing our series on Accessibility (a11y) today we're talking about screen readers! Screen readers take the semantic information from your elements and produce an alternative, spoken UI, for user with visual impairments. But when we're designing Web Components, we're creating tags that have never existed before in the browser, meaning they don't have built-in semantics. So what's a screen reader supposed to do? Today on Polycasts we'll look at how we can leverage ARIA to add semantics to our elements to make sure they're properly announced and all of our users can interact with them.

Screen Readers:

VoiceOver
http://www.apple.com/accessibility/osx/voiceover/

NVDA
http://www.nvaccess.org/

JAWS
http://www.freedomscientific.com/Products/Blindness/JAWS

ChromeVox
http://www.chromevox.com/

Although we didn't mention it Windows also includes the Narrator screen reader (Win + Enter to activate)

W3C ARIA Authoring Practices 1.1
https://goo.gl/8qs7VF

Polymer Slack:
http://goo.gl/WHjzMH



Other Videos By Chrome for Developers


2016-08-19JS Module Bundlers, Totally Tooling Tips (S3, E12)
2016-08-18Containment - Supercharged
2016-08-12Testing: Mocha, Totally Tooling Tips (S3, E11)
2016-08-11Supercharged Q&A: August 2016
2016-08-10Accessible Components: Labeling -- Polycasts #51
2016-08-04Inert Polyfill -- A11ycasts #02
2016-08-04Travis & AppVeyor, Totally Tooling Tips (S3, E10)
2016-08-04Resource Hints - Supercharged
2016-08-02Introducing A11ycasts! -- A11ycasts #01
2016-07-28Accordion: TL;DW - Supercharged
2016-07-27Accessible Components: Screen readers -- Polycasts #50
2016-07-27Key Moments In Web Page Loading, Totally Tooling Tips (S3, E9)
2016-07-20Chrome 52: Contain Property, the PerformanceObserver API & Service Worker Stream
2016-07-20Accessibility, Totally Tooling Tips (S3, E8)
2016-07-20Accordion: Live Code Session - Supercharged
2016-07-14Supercharged Q&A: July 2016
2016-07-14PWA Developer Spotlight: Building one of Africa's most successful PWAs
2016-07-13Accessible Components: Keyboard access -- Polycasts #49
2016-07-11Sizzle Reel (Progressive Web App Summit 2016)
2016-07-07Router Part 2: TL;DW - Supercharged
2016-06-30Router Part 2: Live Code Session - Supercharged


Tags:
Chrome
Developers
Google
Web
Product: Web
Fullname: Rob Dodson
Location: MTV
Team: Scalable Advocacy
Type: Screencast
GDS: Full Production
other: no green screen
accessibility
polymer
screen readers
a11y
UI
polycast
polycast #50
#50
polycasts #50
polycast 50