Send to your Kindle ***Skip To [#f13f74ed] † [[スクリーンリーダーを併用しなくても見出しやランドマークへの移動 (キーボード操作) を可能にする「Skip To」 — Website Usability Info>http://website-usability.info/2013/07/entry_130709.html]] 最初のフォーカスはビューで定義。そこからTabで目次（を表示するボタン）へ。Enterで本文暗転。目次上のカーソル移動で背景化した本文をスクロール。Enterで目次閉じる。EscapeかTabで目次を開く前の位置にスクロールして、目次を閉じる。 RIGHT:[[:t/目次]] [[:t/UI]] [[:t/セマンティクス]] %%† [[WAI-ARIA（日本語訳）：日立のユニバーサルデザイン>http://www.hitachi.co.jp/universaldesign/ria/ajax/wai-aria/index.html]]%% † [[Accessible Rich Internet Applications (WAI-ARIA) 1.0 日本語訳>https://momdo.github.io/wai-aria/]] [[†:WAI-ARIA]] † [[HTML5 + WAI-ARIA: 入門篇 · terkel.jp>http://terkel.jp/archives/2010/08/beginning-html5-and-wai-aria/]] † [[O'Reilly Japan - ウェブアプリケーションのためのユニバーサルデザイン>https://www.oreilly.co.jp/books/9784873114323/]] ***Skip To [#f13f74ed] † [[スクリーンリーダーを併用しなくても見出しやランドマークへの移動 (キーボード操作) を可能にする「Skip To」 — Website Usability Info>http://website-usability.info/2013/07/entry_130709.html]] 最初のフォーカスはビューで定義。そこからTabで目次（を表示するボタン）へ。Enterで本文暗転。目次上のカーソル移動で背景化した本文をスクロール。Enterで目次閉じる。EscapeかTabで目次を開く前の位置にスクロールして、目次を閉じる。 *** ARIAよりもHTML5のセマンティック面を活用 [#z70fcb79] HTML5を正しい意味で使って、アクセシビリティ向上。 それと、WAI-ARIA のランドマークタイプにある… - application - banner …こういったキーワードをHTML内で利用する。
