（※ P.17、P.23、P.30、P.77を加筆修正しました。2017-03-09） 2017-03-05（日）にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2017」でのスライドです。
WAI-ARIAの考え方と使い方を整理しよう
（※ P.17、P.23、P.30、P.77を加筆修正しました。2017-03-09） 2017-03-05（日）にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2017」でのスライドです。
Developer's guide to accessibility mechanics
From The Front, Bologna 2016 @LeonieWatson Platform controls Role is "checkbox" Accessible name is "Bold" State is focused, checked, focusable Web control <input type="checkbox" id="bold"> <label for="bold">Bold</label> Role is "checkbox" Accessible name is "Bold" State is focused, checked, focusable HTML Accessibility API Mappings (AAM) The relationship between platform objects and web objects is
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
2015年5月14日に開催された書籍出版記念イベント「Webサイト設計・UI実装・アクセシビリティのモダンアプローチ」のセッション2で使用した資料です。Read less
WAI-ARIA - an introduction to accessible rich internet applications (1 day workshop) / Darmstadt / 22 January 2015
WAI-ARIA - an introduction to accessible rich internet applications (1 day workshop) / Darmstadt / 22 January 2015 This document introduces the Accessible Rich Internet Applications (ARIA) specification. It discusses: 1) The need for ARIA to make complex web applications accessible to assistive technologies like screen readers, as traditional HTML elements may not adequately convey semantics. 2) C
Using WAI-ARIA Landmarks - 2013 - TPGi
Adding ARIA landmarks to your existing site, or to a site you are developing, provides useful global navigation features and aids understanding of content structure for users. Over time the necessity of explicitly assigning landmarks will lessen as browsers build in ARIA landmark roles to newer HTML element semantics. There is widespread support for ARIA landmarks in browsers and screen readers. H
I am mitsuruog | HTML5のセマンティックとWAI-ARIAでWebの未来がおもしろい件
このエントリはHTML5 Advent Calendar 2013 ３日目の記事です。 前後の記事はこちらです ← youhei.iwasaki8 [iwahei の日記]geolocation api を使った位置情報取得 → あおいたん [GCG 研究所]手元にあった HTML5 アプリを FxOS と Tizen で動かしてみるの巻 「Internet of Things」と呼ばれる「モノがインターネットする」時代のコンテンツは、人が目にして理解できる程度では十分ではありません。すべてのモノが理解できるコンテンツ、その鍵は HTML5 が持つ「セマンティック」と「WAI-ARIA」での仕様の標準化だと思います。 このエントリでお伝えしたいこと。 たまに目にする「role=""」の意味を理解して欲しい。 「aria-」で意味付けすることで、ちょっと得することがある。 「セマンティック」
暗黙のARIAセマンティックと強いネイティヴセマンティックについて - 血統の森+はてな
HTML5とWAI-ARIAのお話で、タイトルは私が勝手に付けた訳語で原仕様書ではそれぞれ、implicit WAI-ARIA semantics、strong native semanticsと表現されるものです。誰かもっといい訳語があるよとかMSDNとかMDNではこう訳してるという情報があればください。 で、暗黙のARIAセマンティックや強いネイティヴセマンティックが何なのかという話ですが、HTML5.1仕様では、3.2.7.3 強いネイティヴセマンティックと3.2.7.4 暗黙のARIAセマンティックにその言葉が見えますが、この用語の定義そのものは実装向けの箇所に記述されていて、 The terms strong native semantics is used as defined in the ARIA specification. The term default implic
アクセシビリティを加速するWAI-ARIA
Editor's Notes &#x3082;&#x3068;&#x3082;&#x3068;HTML&#x306F;Web&#x30A2;&#x30D7;&#x30EA;&#x3092;&#x5FF5;&#x982D;&#x306B;&#x7F6E;&#x3044;&#x3066;&#x4F5C;&#x3089;&#x308C;&#x305F;&#x3082;&#x306E;&#x3067;&#x306F;&#x306A;&#x3044; &#x5185;&#x5BB9;&#x304C;&#x53E4;&#x304F;&#x306A;&
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FRESH! と AbemaTV の WAI-ARIA 事例
Extended HTML - WAI-ARIAとMicrodataでHTMLを拡張する
http://blog.e-riverstyle.com/2014/12/svg.html
WAI-ARIAの誕生と現状 | コラム | ミツエーリンクス