Back to Webfundamentals

Polymer: making Web Components accessible {: .page-title }

src/content/en/shows/google-io/2014/polymer-making-web-components-accessible.md

0.31.2 KB
Original Source

project_path: /web/_project.yaml book_path: /web/shows/_book.yaml description: Custom elements allow you to create your own encapsulated components on the web, however there are a number of questions that arise from this. How do you build elements that are accessible to everyone? Can they be navigated with a keyboard? How well do they work with screenreaders and ARIA? Learn how to create accessible elements that all your users can benefit from.

{# wf_updated_on: 2015-03-29 #} {# wf_published_on: 2015-03-29 #} {# wf_youtube_id: _IBiXfxhF-A #}

Polymer: making Web Components accessible {: .page-title }

<div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="_IBiXfxhF-A" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div>

Custom elements allow you to create your own encapsulated components on the web, however there are a number of questions that arise from this. How do you build elements that are accessible to everyone? Can they be navigated with a keyboard? How well do they work with screenreaders and ARIA? Learn how to create accessible elements that all your users can benefit from.