project_path: /web/_project.yaml book_path: /web/shows/_book.yaml description: Users will be accessing your sites and services from a multitude of devices with a wide range of different accessibility requirements. By using the correct semantic elements and correct ARIA roles you help give the browser and assistive technology a much improved understanding of your page.

{# wf_updated_on: 2015-02-23 #} {# wf_published_on: 2015-02-23 #} {# wf_youtube_id: E0ojKLzXoZ4 #}

Multi-Device Accessibility {: .page-title }

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

Users will be accessing your sites and services from a multitude of devices with a wide range of different accessibility requirements. By using the correct semantic elements and correct ARIA roles you help give the browser and assistive technology a much improved understanding of your page.

Slides: Multi-device Accessibility

Key ways to understand and address a11y issues

• Ensure you have a good keyboard-only user experience
• Express the semantics of your interface with correct element choice and ARIA
• Use ChromeVox{: .external } on desktop and TalkBack on Android to test.
• Try the Accessibility Developer Tools Chrome extension
• A more diverse audience is getting online, which further amplifies the need of making your sites accessible