More Related Content Similar to Html5 conference 2013 (20) Html5 conference 201315. The World Wide Web project
http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved.
14
22. WAI-ARIA
WAI: Web Accessibility Initiative
W3C WAIが標準化
ARIA: Accessible Rich Internet Applications
Webアプリケーションをよりアクセシブルに
Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved.
21
28. タブリストとタブのマークアップ例
<ul role="tablist">
<li role="presentation">
<a href="#panel1" role="tab"
aria-selected="true"
aria-controls="panel1">Tab1</a>
</li>
<li role="presentation">
<a href="#panel2" role="tab"
aria-selected="false"
aria-controls="panel2">Tab2</a>
</li>
</ul>
Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved.
27
29. タブパネルのマークアップ例
<div id="panel1" role="tabpanel" aria-hidden="false">
<h3>Tab Panel 1</h3>
…
</div>
<div id="panel2" role="tabpanel" aria-hidden="true">
<h3>Tab Panel 2</h3>
…
</div>
Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved.
28
62. HTML5 & WAI-ARIAを使う場合
セマンティクス:
HTML5 & WAI-ARIA
インタラクションのサポート:
HTML5のネイティブウィジット
特定のデバイスに紐づかないイベントの活用
代替コンテンツ
canvas要素のフォールバックコンテンツ、
track要素を使った字幕やキャプション
Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved.
61