<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3718474166682176578</id><updated>2024-08-31T21:58:26.231+09:00</updated><category term="Webアクセシビリティ"/><category term="Web Accessibility"/><category term="WCAG"/><category term="x8341-3"/><category term="JIS X8341-3:2010"/><category term="WCAG 2.0"/><category term="amara"/><category term="caption"/><category term="アクセシビリティ・サポーテッド"/><category term="Checker"/><category term="JIS X8341-3"/><category term="Web Accessibility Advent Calendar 2013"/><category term="YouTube"/><category term="accessibility-supported"/><category term="スタインベック"/><category term="チェッカー"/><category term="ランダムサンプリング"/><category term="合理的配慮"/><category term="字幕"/><category term="山田肇"/><category term="映画"/><category term="試験"/><title type='text'>Accessible Technology Trends</title><subtitle type='html'>アクセシビリティに関する最新情報をまとめて解説する blog by 梅垣正宏</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>46</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-2265859651220997395</id><published>2016-09-01T11:28:00.002+09:00</published><updated>2016-09-01T11:28:47.183+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="WCAG"/><category scheme="http://www.blogger.com/atom/ns#" term="WCAG 2.0"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Accessibility"/><title type='text'>データベースとアクセシビリティ</title><content type='html'>Webシステムの開発やアクセシビリティ評価を行っていると、よく問題になってくるのがデータベースです。多くの場合、アクセシビリティの評価はある程度システムが出来上がってから行われます。システムやデータベースの設計、実装はもう終わっている。そして、それに手を入れるのは難しい段階になっています。&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
パターン１&lt;/h3&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
「この画像の代替テキスト『画像1』『画像2』はあんまりです、何とかなりませんか？」&lt;br /&gt;「画像をDBで管理しているし、登録するシステムにも代替テキストを入れる項目がないので大改修になるんですよね」&lt;/blockquote&gt;
&lt;h3&gt;
パターン２&lt;/h3&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
「この画像の代替テキストありません、何とかなりませんか？」&lt;br /&gt;「このシステムは XXX というプラットフォーム上で作ってるのですけど、XXX にはそんな機能がないので、プラットフォームを直さねばならないです。そんなことできません。」&lt;/blockquote&gt;
&lt;br /&gt;
というようなこと。さらに言うと、「長い説明」が必要な画像でもあったら、さらに困難になります。&lt;br /&gt;
&lt;br /&gt;
このような問題は、システムを設計するときにあらかじめ代替テキストについて考えていない、あるいは、開発のプラットフォームを選択するときにアクセシビリティへの対応具合を確認していない、というのが原因です。よく言われることですが、「アクセシビリティは企画段階から対応すべし」という原則を守らないことが、システム開発の最後の段階で響いてきて、開発の手戻り、コストを増大させる典型的な例でしょう。HTMLを修正すれば済む話ならば頑張ればできるのでしょうが、システムの変更となるとデバッグや機能試験などの工数も増える一方です。開発者の視点で見れば、できれば今からシステムを変更したくないというのは当然のことでしょう。納期も心配です。DBを変更するとなると簡単ではありません。代替テキストを保持できるフィールドを追加するだけで済む、というのは運の良いほうです。さまざまなコードに影響を及ぼして、別の場所に新たなバグを発生させてしまうということも十分にある話。&lt;br /&gt;
&lt;br /&gt;
さて、そのような問題を解決するためにはどうすればいいのでしょうか。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;システムがオリジナルの設計である場合、画像、動画、音声をDBで管理するときは、代替テキストやタイトルをつけられるようにDBを設計しておく。また、登録、管理画面で入力できるようにしておく。&lt;/li&gt;
&lt;li&gt;プラットフォームを使う場合、そのプラットフォームがアクセシビリティに対応しているか確認しておく、場合によってはテストしておく。&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
というのが、その解決策です。プラットフォームを使うというのは現在のWebシステム開発では当然でしょうから、プラットフォームがどこまで対応できるかを見定めておくことが必要になります。&lt;br /&gt;
&lt;br /&gt;
DBと関係しないところでも、プラットフォームが用意しているテンプレートやJavaScriptが悪さをすることも多いです。例えば、マウスでドラッグ＆ドロップしないと使えない、画面サイズを変更的できない、というのはよく経験することです。&lt;br /&gt;
&lt;br /&gt;
プラットフォームにアクセシビリティ対応を追加するとなると、プラットフォームに手を入れることになります。しかし、そうするとプラットフォームのバージョンアップ時にまた変更とテストの工数がかかることになることを頭に入れておきましょう。&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/2265859651220997395/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/2265859651220997395' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2265859651220997395'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2265859651220997395'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2016/09/blog-post.html' title='データベースとアクセシビリティ'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-2520616500301908546</id><published>2014-12-25T20:22:00.001+09:00</published><updated>2014-12-25T20:23:44.865+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="JIS X8341-3"/><category scheme="http://www.blogger.com/atom/ns#" term="WCAG 2.0"/><category scheme="http://www.blogger.com/atom/ns#" term="Webアクセシビリティ"/><category scheme="http://www.blogger.com/atom/ns#" term="アクセシビリティ・サポーテッド"/><title type='text'>WCAG 2.0 と Webシステム</title><content type='html'>&lt;a href=&quot;http://sawada-std-design.com/advent-calendar/accessibility-blues/index.html&quot; target=&quot;_blank&quot;&gt;昨日のWeb Accessibility Advent Calendar 2014-12月22日記事&lt;/a&gt;で &lt;a href=&quot;http://sawada-std-design.com/advent-calendar/accessibility-blues/index.html&quot; target=&quot;_blank&quot;&gt;SawadaStdDesign&lt;/a&gt; さんが、素晴らしい？ブルースを歌われたので、&lt;a href=&quot;https://www.youtube.com/watch?v=gtuna2AWvqk&quot; target=&quot;_blank&quot;&gt;David の WCAG 2.0 Theme Song&lt;/a&gt; に合わせて踊った映像を披露します。&lt;br /&gt;
&lt;br /&gt;
ええ、嘘です。でも、WCAG 2.0 ＝ JIS X8341-3:201X についてもう一度考えたいと思うのです。&lt;br /&gt;
&lt;br /&gt;
HTML 5.0 が今年の10月に勧告になりました。CSSのレベル3モジュールも勧告化こそまちまちですが、ブラウザの実装はどんどん進んで、あまり気にしないで使っている人が多いことでしょう。Webテクノロジーの進化スピードの速さには目が回ります。&lt;br /&gt;
&lt;br /&gt;
（目が回ったので、お茶淹れて休憩しました）&lt;br /&gt;
&lt;br /&gt;
（休憩した後通常に仕事に戻ってしまい、この続きを25日に書いています。2日遅れになってしまいました。）&lt;br /&gt;
&lt;br /&gt;
続けます。&lt;br /&gt;
&lt;br /&gt;
ええと、WCAG 2.0 の最大の特徴はなにか？と聞かれたらこう答えます。&lt;br /&gt;
&lt;br /&gt;
「WCAG 2.0 は技術非依存です。人間の特性、つまりは障害や高齢者の特性から書いてありますから、ある程度は技術に即してはいますが、それでも長く使えるガイドラインなんですよ。抽象的になってるってことです。難しい？ええ、みなまで言わないでください。そのために、コンサルタントって商売があるわけで・・・・」&lt;br /&gt;
&lt;br /&gt;
たしかに、技術に依存しないということは大事です。だから、「alt 属性」ではなく「代替テキスト」、「動画と音声メディア」ではなく「時間の経過に伴って変化するメディア」、「h1-6、table、label」ではなく「情報及び関係性」、title要素ではなく「ページタイトル」・・・というわけです。この書き方は美しい、というか苦肉の策でありました。実際、WCAG 2.0 の後に、HTML 5.0 が勧告されましたが、WCAG 2.0 はびくともしません。HTML に依存しないからです。&lt;br /&gt;
&lt;br /&gt;
Web技術の取捨選択と進歩が市場と実装で進んでいくのに対して、アクセシビリティは社会の合意で進んでいきます。合意を作るには多くの時間を要しますし、Web技術の進化に合わせて変えていくのは現実的ではない。だから、こういう風に WCAG 2.0 を作るしかなかったのだと思うのです。誰かの思いつきでこうなったのではなく、周到に考えられて今があるというわけです。それに、堅牢なガイドラインがあれば公共や企業はそれを採用して仕事ができますし、ビジネスも広がります。WCAG 2.0 の中心を担っていた人たちの仕事ぶりを垣間見た立場からしても、その忍耐力は頭が下がるものでした。世界中からくるコメントにすべて答えて、解決していったのですから。&lt;br /&gt;
&lt;br /&gt;
さあ、確かにこれは仕方がなかった。でも、WCAG 2.0 の想定を超えるほどにWebは進化しているという気がします。&lt;br /&gt;
&lt;br /&gt;
というのも、Webは急速にアプリケーションに近付いている。通常のWebサイトでさえ、jQuery や Bootstrap や、場合によっては AngularJS なんかも入り始めている。そんな状態で、WCAG 2.0 は持ちこたえられるのでしょうか。&lt;br /&gt;
&lt;br /&gt;
たとえば URL がほとんど1つしかないような Web サイトのようなシステム、あるいはURLのパラメータやログインによる状態遷移で複雑に表情を変えるようなWebで、今のようなガイドラインをうまく適用できるのでしょうか。WCAG 2.0 にはひとつだけ、このような操作の流れを意識した記述があります。&quot;Conformance Requirements （適合要件）&quot; という項に書いてあります。&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
3. 一連のプロセス: ウェブページがプロセスを提示する一連の流れのウェブページ群（つまり、利用者がある目的を達成するために完了させる必要のある一連の手順）に含まれる場合、そのプロセス中のすべてのウェブページが指定したレベル又はそれ以上のレベルで適合している（もし、プロセス中のウェブページが特定のレベル又はそれ以上のレベルに適合していない場合、そのレベルに適合できない）。&lt;/blockquote&gt;
&lt;br /&gt;
ここが、今どんどん広がっている。ページという単位でものを考えることができなくなってきています。どこを切り取っても、一連のプロセスがある。そして、プロセス全体で評価するとなると、もはやチェッカーのようなものは評価作業のごく一部でしかなくなってしまっているのです。これは、僕の仕事の悩みでもあります。&lt;br /&gt;
&lt;br /&gt;
この問題への答えを僕は持っていますが、書きません。これからの Web アクセシビリティがどう進むべきか、考えてみてほしいから。&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/2520616500301908546/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/2520616500301908546' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2520616500301908546'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2520616500301908546'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2014/12/web-accessibility-advent-calendar-2014.html' title='WCAG 2.0 と Webシステム'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-6701689976466882922</id><published>2014-04-13T21:16:00.000+09:00</published><updated>2014-04-13T21:16:33.741+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Accessibility"/><category scheme="http://www.blogger.com/atom/ns#" term="Webアクセシビリティ"/><category scheme="http://www.blogger.com/atom/ns#" term="x8341-3"/><title type='text'>アクセシブルなWeb制作者チェックリスト</title><content type='html'>このチェックリストは、Webアクセシビリティを実装する人がアクセシビリティを正しく理解しているかどうかを判定するためのチェックリスト試案です。これだけのことにYesと言えるかどうかで、Webアクセシビリティのかなりの部分をカバーできるのではと思うのですが、どうでしょうか。&lt;br /&gt;
&lt;h3&gt;
共通&lt;/h3&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;1. Web標準を理解している。&lt;/li&gt;
&lt;li&gt;2. セマンティックな HTML の記述法方法を理解している。&lt;/li&gt;
&lt;li&gt;3. 情報の構造をHTMLで、「見た目」のデザインをCSSで記述し、分離する方法を理解している。&lt;/li&gt;
&lt;li&gt;4. 画像などの非テキストコンテンツがスクリーンリーダでどのように扱われるかを理解している。&lt;/li&gt;
&lt;li&gt;5. キーボードだけでWebページをナビゲーションする方法を理解している。&lt;/li&gt;
&lt;li&gt;6. フォームの要素とラベルの関連付けを理解している。&lt;/li&gt;
&lt;li&gt;7. スクリーンリーダでWebサイトを利用する方法を理解している。&lt;/li&gt;
&lt;li&gt;8. フォーカスを理解している。&lt;/li&gt;
&lt;li&gt;9. レイアウトテーブルとデータテーブルの違い、扱い方を理解している。&lt;/li&gt;
&lt;li&gt;10. 色のコントラスト比を確認する方法を理解している。&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;h3&gt;
JavaScriptを利用する場合&lt;/h3&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;11. DOMを理解している。&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;h3&gt;
該当するコンテンツがある場合&lt;/h3&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;12. 点滅や動きのあるコンテンツに対する対処方法を理解している。&lt;/li&gt;
&lt;li&gt;13. 動画や音声に対するアクセシビリティの要求を理解している。&lt;/li&gt;
&lt;li&gt;14. 光過敏性発作の危険性を理解している。&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/6701689976466882922/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/6701689976466882922' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/6701689976466882922'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/6701689976466882922'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2014/04/web.html' title='アクセシブルなWeb制作者チェックリスト'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-2890687156723850862</id><published>2014-03-17T16:40:00.001+09:00</published><updated>2014-03-18T08:31:00.768+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="accessibility-supported"/><category scheme="http://www.blogger.com/atom/ns#" term="JIS X8341-3:2010"/><category scheme="http://www.blogger.com/atom/ns#" term="WCAG"/><category scheme="http://www.blogger.com/atom/ns#" term="Webアクセシビリティ"/><category scheme="http://www.blogger.com/atom/ns#" term="アクセシビリティ・サポーテッド"/><title type='text'>アクセシビリティ・サポーテッドの功罪</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG2VZTupo8GJ1Nhh5zZO05t0MAue_s7hOfbwbIATHHJROAP15JeMTImpEqPAoR58YD8zb9j2a_UO3l2P_03dLNoU30B8ruI5sB2-MNOhwDjJlu425E0Is_F9fuCL_bbpvGlM4NMYgf-H-i/s1600/Clipboard02.gif&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG2VZTupo8GJ1Nhh5zZO05t0MAue_s7hOfbwbIATHHJROAP15JeMTImpEqPAoR58YD8zb9j2a_UO3l2P_03dLNoU30B8ruI5sB2-MNOhwDjJlu425E0Is_F9fuCL_bbpvGlM4NMYgf-H-i/s1600/Clipboard02.gif&quot; height=&quot;155&quot; title=&quot;&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
WCAG2.0とJIS X8341-3:2010 で Web アクセシビリティを考える上で重要な考え方として、&lt;a href=&quot;http://waic.jp/docs/UNDERSTANDING-WCAG20/conformance.html#uc-accessibility-support-head&quot; target=&quot;_blank&quot;&gt;アクセシビリティ・サポーテッド(accessibility-supported)&lt;/a&gt;&amp;nbsp;という概念が導入されています。これは、噛み砕いて言うと次のような考え方です。&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
「Webアクセシビリティを実現するためには様々な方法がある。しかし、それを支援技術がサポートしてないと意味がないし利用可能にならない。だから、支援技術がサポートしている技術を使ってやりなさい」&lt;/blockquote&gt;
&lt;br /&gt;
これは、障害のある人が実際にWebを使ううえではとても重要な考え方です。つまり、技術のことだけを見ているのではなくて、実際のユーザの現状を把握しておかないと意味がないということです。そのため、&lt;a href=&quot;http://waic.jp/&quot; target=&quot;_blank&quot;&gt;Webアクセシビリティ基盤委員会(WAIC)&lt;/a&gt;では、&lt;a href=&quot;http://waic.jp/docs/jis2010/as.html&quot; target=&quot;_blank&quot;&gt;アクセシビリティ・サポーテッド（AS）情報&lt;/a&gt; &amp;nbsp;というのを支援技術やブラウザを使って丁寧に調べて、それを公開しています。素晴らしい仕事だと思います。&lt;br /&gt;
&lt;br /&gt;
ただ、実際にそれを見てみるとどうでしょう。&lt;a href=&quot;http://waic.jp/docs/jis2010-as-understanding/201209/7.1.1.1.html&quot; target=&quot;_blank&quot;&gt;7.1.1.1 非テキストコンテンツに関する達成基準 (等級A) &lt;/a&gt;を見ても、「要注意」や「達成不可能」が並んでいます。JIS や WCAG の詳細なドキュメントを読んで調べても、&lt;span style=&quot;font-size: large;&quot;&gt;結局使える方法は限られてくる&lt;/span&gt;というのがわかるでしょう。たとえば、&lt;a href=&quot;http://waic.jp/docs/jis2010-as-understanding/201209/H051.html&quot; target=&quot;_blank&quot;&gt;table 要素の見出しセルとデータセルの関連付け&lt;/a&gt;を見ても、スクリーンリーダの対応はまちまちで、古いバージョンだとほとんど利用できない。form だって &lt;a href=&quot;http://waic.jp/docs/jis2010-as-understanding/201209/H065-1.html&quot; target=&quot;_blank&quot;&gt;label で関連付けて&lt;/a&gt;も読まないスクリーンリーダを使っている方が、まだまだいるのだろうと思えるのです。&lt;br /&gt;
&lt;br /&gt;
JIS X8341-4:2010 の試験をやってみると、ここが大きなネックになってきます。人によって見方が違って意見が合わないということもよくあります。私自身も、「厳し目に見る」時と「やや甘めに見る」というさじ加減が存在します。対応するクリーンリーダーを &lt;a href=&quot;http://www.extra.co.jp/jaws/&quot; target=&quot;_blank&quot;&gt;JAWS&lt;/a&gt; や &lt;a href=&quot;http://sourceforge.jp/projects/nvdajp/&quot; target=&quot;_blank&quot;&gt;NVDA&lt;/a&gt; だけにすれば楽になるのですが、そういうわけにもいかないジレンマに陥ってしまうのです。&lt;br /&gt;
&lt;br /&gt;
アクセシビリティ・サポーテッドは障害者がWebにアクセスする権利を何とか守ろうとして編み出された考え方です。しかし一方で、実際にWebを作ろうとすると、何が正解か、ということについて大きな悩みも生み出しているのです。&lt;br /&gt;
&lt;br /&gt;
もしこの概念がなく、支援技術のサポートの有無と関係なく技術的な側面だけで決めたとしたらどうでしょうか？使えない人が確かに出てくるでしょう。しかし、Web制作でやるべきことは極めて明確になり、それをサポートしないのは支援技術のバグであると言うこともできます。たとえば、labelの関連づけなどは、読まないスクリーンリーダのほうが悪いと言ってしまってもいいはずです。&lt;br /&gt;
&lt;br /&gt;
このように、アクセシビリティの基準には「今最低限やるべきだし、技術的に明確でやればできるはず」のレベルと「こういう仕組みを取り入れて支援技術のサポートが広がるともっと使いやすくなる」という2つの側面が共存してグレーゾーンを作ってしまっているのです。&lt;br /&gt;
&lt;br /&gt;
今日的な課題として、さらにWebアクセシビリティを進めるためには、HTMLにおけるアクセシビリティはこうあるべしという姿を技術的に明確な形にすることが、望まれているのではないかと思うのです。「支援技術がサポートすべきことはこういうことである」ということも明確にすべきです。支援技術の遅れのツケをコンテンツが引き受け続け、過去の「遺産」との互換性にばかり目をとらわれていると、Web技術の果てしない進歩にとてもじゃないけれど追い付かない。&lt;br /&gt;
&lt;br /&gt;
Webアクセシビリティを純粋に技術的でこうあるべしという未来的なモデルと、現実に対応する現実モデルに分離して考えることが必要です。そして、その未来モデルに向かって支援技術とコンテンツが両輪になって進んでいく道を示すべきです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/2890687156723850862/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/2890687156723850862' title='3 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2890687156723850862'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2890687156723850862'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2014/03/blog-post.html' title='アクセシビリティ・サポーテッドの功罪'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG2VZTupo8GJ1Nhh5zZO05t0MAue_s7hOfbwbIATHHJROAP15JeMTImpEqPAoR58YD8zb9j2a_UO3l2P_03dLNoU30B8ruI5sB2-MNOhwDjJlu425E0Is_F9fuCL_bbpvGlM4NMYgf-H-i/s72-c/Clipboard02.gif" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-2610667564447321291</id><published>2013-12-11T01:17:00.001+09:00</published><updated>2013-12-11T01:31:22.168+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Accessibility"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Accessibility Advent Calendar 2013"/><title type='text'>35年前の感触と背中とアクセシビリティ</title><content type='html'>僕は52歳になりました。&lt;br /&gt;
&lt;br /&gt;
今日が誕生日。家族が寝静まって仕事も終わりにして、カレンダーに穴を開けてひとりサイダー飲んで祝ってます。&lt;br /&gt;
&lt;br /&gt;
そうか。あれから、もう35年も経ったのですね。&lt;br /&gt;
&lt;br /&gt;
ずっと、アクセシビリティに関わる仕事ばかりしてきました。なぜそこに興味をもったのか、なぜアクセシビリティをやっているのかと聞いてくださる人はあまりいません。もしかしたら、猫背の真ん中に僕には見えない文字で「アクセシビリティ！このやろ！まじめにやらんかい！」などと書いてあって、そのインパクトが強すぎて聞こうと思われないのでしょうか。&lt;br /&gt;
&lt;br /&gt;
うちのかみさんは「あなたはいつもしかめっ面で怖いオーラ出してるから声かけづらいんじゃないの？」といいますが、あなたのほうがよっぽど怖い、とは、口が裂けても言えません。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
（これ、かみさんが読まないことをみんなで祈ってください）&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
京都のいなかの高校に通っていたころです。近くに有名な「与謝の海養護学校」という学校がありました。そこで開催される「交流会」のような催しに参加することになりました。そのあとの出来事が衝撃的で、実はほとんど記憶が飛んでいるのですが、いろいろな学校の合唱があったり、もしかすると吹奏楽の演奏もあったかもしれません。手品はなかったと思います。&lt;br /&gt;
&lt;br /&gt;
ひととおり体育館での催しが終わった後、グランドに出て生徒同士の交流が始まりました。&lt;br /&gt;
&lt;br /&gt;
すると、ひとりの養護学校の先生が、&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;「はい、あなたはこの子としっかり手をつないでてね」&lt;/span&gt;&lt;/blockquote&gt;
&lt;br /&gt;
と言って、ひとりの女の子と手をつながされ、その先生はさっさとどこかに行ってしまいました。&lt;br /&gt;
&lt;br /&gt;
彼女は、重い知的障害のある、でっぷりと太った生徒でした。まったく表情がない。動こうともしない。鼻水垂らしながら僕の右手をしっかり握って、まるでぶら下がっているようでした。手を離さないようにと言われた手前、暑い季節じゃなかったのに、額に汗して「しっかり握っていよう」とだけ思っていました。しかし、17歳の未知体験です。障害の重いその子は少し怖い感じもするし、掌も汗びっしょり。つないだ手から少し鼓動のようなものを感じて、生きている「人」であるということは実感しますが、意思の疎通は全くなし。まるで暖かい石にくくりつけられたような、長くて気の遠くなるような時間でした。&lt;br /&gt;
&lt;br /&gt;
そのあと、どうやってそれが終わって、どんなふうに家まで帰ったのか。全く覚えていません。それほど、あのころの僕には衝撃のできごとでした。でもどうしたことでしょうか。それからというもの、「障害」という文字が目に入ってくるし、ニュースにも敏感になっていきました。社会のありように目を開いていく青葉の季節だったのでしょう。障害のある人と出会ってしっかりと存在を意識した初体験です。&lt;br /&gt;
&lt;br /&gt;
こんなできごとが、僕にとって障害を考える原体験になっています。10代の若さで理屈ではなく感じたこと、感触、温度、そういったものが僕を形づくり、そして35年後に向かってグイっと背中を押したのだと思うのです。&lt;br /&gt;
&lt;br /&gt;
アクセシビリティを語るときに、技術の課題として議論してすませてしまうことが増えています。私自身がそうなっています。だけど、生きている人がいてくらしを営んで、そして、困っていたり苦しんでいたりするということ。ニンゲンが生きるということに直接かかわっているのだということ。そのことを、あの感触を、あの汗を忘れないようにしたいと思うのです。それが、アクセシビリティという技術が解決し、実現しようとしていることだからです。&lt;br /&gt;
&lt;br /&gt;
実はもうひとつ、若かりしころの衝撃体験があります。それについてはどこかの飲み会ででも聞いてください。&lt;br /&gt;
&lt;br /&gt;
そして最後に念を押しておきますが、決して僕のかみさんにはこの記事教えないでくださいね。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
これは、&lt;a href=&quot;http://www.adventar.org/calendars/64&quot;&gt;Web Accessibility Advent Calendar 2013&lt;/a&gt; のために書きました。</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/2610667564447321291/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/2610667564447321291' title='1 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2610667564447321291'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2610667564447321291'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/12/35.html' title='35年前の感触と背中とアクセシビリティ'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-6983456412792133695</id><published>2013-09-07T10:16:00.000+09:00</published><updated>2013-09-07T10:16:00.213+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Accessibility"/><category scheme="http://www.blogger.com/atom/ns#" term="Webアクセシビリティ"/><title type='text'>アクセシビリティってどゆこと？</title><content type='html'>”Accessibility: What does it all mean?” （アクセシビリティってどゆこと？）&lt;br /&gt;
&lt;br /&gt;
Abilitynet のこの動画、すごくかっこいいだけでなくて、アクセシビリティをうまく表現してる。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;

&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/EfohnZcmt-c?feature=player_embedded&#39; frameborder=&#39;0&#39;&gt;&lt;/iframe&gt;

&lt;/div&gt;

</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/6983456412792133695/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/6983456412792133695' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/6983456412792133695'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/6983456412792133695'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/09/blog-post_7.html' title='アクセシビリティってどゆこと？'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-303536127683608165</id><published>2013-09-01T17:51:00.000+09:00</published><updated>2013-09-01T17:53:52.663+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="JIS X8341-3:2010"/><category scheme="http://www.blogger.com/atom/ns#" term="Webアクセシビリティ"/><category scheme="http://www.blogger.com/atom/ns#" term="x8341-3"/><category scheme="http://www.blogger.com/atom/ns#" term="ランダムサンプリング"/><category scheme="http://www.blogger.com/atom/ns#" term="試験"/><title type='text'>くじ引きの時間</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZTIUspcagbwN7VgLnlwosbtaTf7DjLaPbuACTzFcp_tqyUjGFbj06i5gVLcnkZqNM7eQmpgFG2S3FAHkr7uD_CkRG2bk6462KCx8wHEexgt5YQ1_4BVyxDkjytLM2zfrwjt1lZcBa0mH/s1600/illust3214_thumb.gif&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img alt=&quot;くじ引きのイラスト&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZTIUspcagbwN7VgLnlwosbtaTf7DjLaPbuACTzFcp_tqyUjGFbj06i5gVLcnkZqNM7eQmpgFG2S3FAHkr7uD_CkRG2bk6462KCx8wHEexgt5YQ1_4BVyxDkjytLM2zfrwjt1lZcBa0mH/s1600/illust3214_thumb.gif&quot; title=&quot;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
さあ、商店街の大売り出し、くじ引きの時間です。&lt;br /&gt;
&lt;br /&gt;
1000枚の三角くじが箱に入っています。当たりは50枚入っていて、残りの950枚は外れです。たくさんいろんなものを買ってくじ引き券を40枚もらったので、40回のくじ引きができるとします。&lt;br /&gt;
&lt;br /&gt;
しかし、しかし、なんと40回もくじ引きできたのに、1度も当たりませんでした。何ということでしょう！あまりに悔しいので1枚も当たらない確率を計算してみましょう。&lt;br /&gt;
&lt;br /&gt;
まず1000枚のくじがありますので、そこから40枚のくじを選ぶ組み合わせの数は、1000&lt;span style=&quot;font-size: x-large;&quot;&gt;C&lt;/span&gt;40 です。次に、外ればかり引く組み合わせはというと、950&lt;span style=&quot;font-size: x-large;&quot;&gt;C&lt;/span&gt;40 です。&lt;br /&gt;
&lt;br /&gt;
この2つの数を割り算すると、&lt;b&gt;0.12&lt;/b&gt; になりました。1000枚中に当たりが50枚ある時には、40回引いても1回も当たらないなんてことが12%の確率で起きるものなのです。残りの&lt;b&gt;88%&lt;/b&gt;の確率では当たりを1枚以上引くはずです。&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
この計算、1000ページのウェブサイトに&lt;b&gt;JIS X 8341-3:2010&lt;/b&gt; を満たさないページが 50 ページあると仮定して、そのサイトの中から 40 ページをランダムにサンプリングしたときに、問題のあるページをひとつも発見できずに間違って「準拠」としてしまう確率と同じ計算なんです。&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;40ページサンプリングすれば、5%の問題ページを見過ごす確率は 10% 強&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
60ページサンプリングだと、同じ条件で問題を見過ごす確率は 4% です。このくらいの確率なら、そこそこいい線いってる気がしませんか？もちろん全ページチェックすれば問題を見過ごす可能性は0%になります。（実際には、チェックする人が見落とす可能性もあるのでゼロにはなりません）&lt;br /&gt;
&lt;br /&gt;
40ページってそういうことらしいです。&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/303536127683608165/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/303536127683608165' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/303536127683608165'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/303536127683608165'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/09/blog-post.html' title='くじ引きの時間'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZTIUspcagbwN7VgLnlwosbtaTf7DjLaPbuACTzFcp_tqyUjGFbj06i5gVLcnkZqNM7eQmpgFG2S3FAHkr7uD_CkRG2bk6462KCx8wHEexgt5YQ1_4BVyxDkjytLM2zfrwjt1lZcBa0mH/s72-c/illust3214_thumb.gif" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-2989839888148634797</id><published>2013-08-26T10:21:00.003+09:00</published><updated>2013-08-26T10:31:38.240+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="WCAG"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Accessibility"/><category scheme="http://www.blogger.com/atom/ns#" term="Webアクセシビリティ"/><category scheme="http://www.blogger.com/atom/ns#" term="x8341-3"/><title type='text'>JIS X 8341-3:2010 「第三者によるコンテンツ」とは何か？</title><content type='html'>WCAG2.0 には、&lt;a href=&quot;http://www.waic.jp/docs/WCAG20/Overview.html#conformance-partial&quot; target=&quot;_blank&quot;&gt;「部分適合に関する記述 － 第三者によるコンテンツ」&lt;/a&gt;、JIS X8341-3:2010 には、「8.1.3 第三者によるコンテンツにおける例外」という概念がある。注意深く読めば、JIS X8341-3:2010 の該当個所は、WCAG2.0 の箇所と同じであることはすぐわかる。細かい言い回しは JIS 流儀になっているものの、考え方は同じである。WCAG2.0では「部分適合」が可能であるという説明になっているのに対して、JISでは試験方法で説明されており、これは試験を行う時に第三者のコンテンツを例外的に除外してよいと言っているだけである。もちろん、除外してよいと書いてあるのだから試験結果がOKなら、該当する達成基準を満たしていると言ってもよいわけだ。&lt;br /&gt;
&lt;br /&gt;
たとえば掲示板のようなシステムを作るとしよう。その掲示板システムはWebサイトを公開した時点では記事は投稿されていない。そこに絵文字のような記事が書かれるかもしれないし、アスタリスクを用いてテキストで棒グラフを書く人もあらわれるかもしれない。Webメールのようなシステムでも、どんなメールが届くかわからないのだから、対応のしようがないし、こういったシステムでコンテンツの内部にまでアクセシビリティを保証するのは無理だ。現実的ではない。&lt;br /&gt;
&lt;br /&gt;
WCAG2.0やJIS X8341-3:2010 が想定していたのはこのようなシーンだった。しかし、Webはマッシュアップの時代になった。第三者のコンテンツばかりで構成されたWebサイトはもはや珍しくない。そんな時代にこの概念をどう理解すべきであろうか？&lt;br /&gt;
&lt;br /&gt;
マッシュアップで何かのコードをWebに埋め込む場合、そこにはコンテンツが含まれると同時にUIも含まれる。たとえば、Youtube のビデオをページに組み込めば、ビデオそのものだけだはなく、Youtubeのビデオを再生し操作するためのUIも組み込まれることになる。ここで問題になるのが、UI、そしてビデオ本体が第三者コンテンツとして例外扱いできるかどうかだ。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxb5qvISeKiAcAIicnF19a4F3YddmFhtt1UFgS06v_jjVBsKj9WGpqOUisYOVvTjrqGeny7mO1-GXdk8lvue1oqAHsMB4VCH1IbPftxSBrC52iKFTTyjV0k_6tjWwIMU3GEZFdk8mwD8bF/s1600/ytsample2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Youtube の コンテンツとUIを説明する図&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxb5qvISeKiAcAIicnF19a4F3YddmFhtt1UFgS06v_jjVBsKj9WGpqOUisYOVvTjrqGeny7mO1-GXdk8lvue1oqAHsMB4VCH1IbPftxSBrC52iKFTTyjV0k_6tjWwIMU3GEZFdk8mwD8bF/s1600/ytsample2.png&quot; height=&quot;260&quot; title=&quot;&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
思い出してもらいたいのだけれど、WCAG2.0やJIS X8341-3:2010 には例外扱いする方法が記されている。1つ目はこれだ。&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
a) 試験は，分かる範囲で実施することができる。第三者によるコンテンツが監視されていて，2 営業日以内に修正される（適合していないコンテンツが削除されるか，適合するように修正される。）場合には，その第三者によるコンテンツにおいて問題があったとしても，そのウェブページは適合しているとみなすことができる。ただし，適合していないコンテンツを監視・修正できない場合には，適合しているとはいえない。&lt;/blockquote&gt;
&lt;br /&gt;
これは、第三者コンテンツを監視して2営業日以内に修正することを求めている。この対応が本来求められるスタイルだろうけれど、容易ではないというのは明らかだ。いきおい、2つ目の方法に進むことになる。&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
b) 特定された部分を除外して試験を行ってもよい。そのような場合，8.3 に従って，“ウェブページ全体としては試験していないが，次の第三者によるコンテンツを除いてアクセシビリティ達成等級X で試験を行った。”というような例外事項の記述を行うことができる。ただし，このような例外が認められるのは，次のすべての条件を満たす場合に限る。&lt;br /&gt;
1) コンテンツ制作者が監視・修正できるコンテンツではない。&lt;br /&gt;
2) 利用者が識別できるように，例外を適用する箇所が明確に説明されている。&lt;/blockquote&gt;
&lt;br /&gt;
こちらはどうか。2） の識別できるようにするというのは、該当するページで箇所を明確に説明しておけばいいだけだから問題はないだろう。問題は、「コンテンツ制作者が監視・修正できるコンテンツではない」といえるかどうかだ。&lt;br /&gt;
&lt;br /&gt;
まず、コンテンツの問題。&lt;br /&gt;
&lt;br /&gt;
たとえば、全く知らない人が作成したビデオをWebページに掲載する場合には、それは第三者のコンテンツであると言える。しかし、それは固定されたある特定のビデオであり、そのビデオがWCAGやJISを満たすかどうかは検証（試験）可能である。したがって、このような場合には第三者の例外は当てはまらない。一方、キーワードを用いてランダムにビデオが再生されるシステムならどうだろう。これは、何が起こるか予測不可能で第三者の例外にするのがふさわしい。もちろん、自分で作成してYoutubにアップロードしたビデオは第三者ですらない。&lt;br /&gt;
&lt;br /&gt;
次に、UIの問題だ。たとえば、Youtubeのビデオを再生するUIがWCAGやJISを満たさないと仮定しよう。確かに、UIのコードは第三者から与えられたものである。しかし、それは検証（試験）可能だから除外する理由にはならないと考えるべきだろう。Youtubeを再生する別のソリューションを利用することも可能だし、新たに開発して提供することさえ技術的には可能だからだ。選択肢がないわけではない。&lt;br /&gt;
&lt;br /&gt;
JIS X8341-3:2010 の「8.1.3 第三者によるコンテンツにおける例外」とは、一言でいえば「第三者が提供するために試験できない、あるいは試験しても変化してしまう」コンテンツを試験の対象から外してもよいと言っているだけである。今だったら、「第三者のコンテンツなのでどうなるかわからないし試験もできない場合の例外」とでもタイトルをつけたに違いない内容だ。&lt;br /&gt;
&lt;br /&gt;
どうも最近、「第三者のものは除外できる」という誤った理解が進んでいる気がする。たとえば、あるサイトには次のような記述がある（名誉のために、あえて伏す）&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
JIS X 8341-3 8.1.3（第三者によるコンテンツにおける例外）&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;修正用データが無いコンテンツ&lt;/li&gt;
&lt;li&gt;添付ファイル（PDFファイル等の添付ファイルに関しては運用の事情により等級Aを満たすことに努めることとする）&lt;/li&gt;
&lt;li&gt;Googleマップを使用しているページ&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;br /&gt;
これらはどれも試験の例外にはそぐわない。&lt;br /&gt;
&lt;br /&gt;
もちろん、当面の策としてそういったややこしいページを除外して 取り組みやすいところからJIS X8341-3:2010 対応を始めるということは現実的な選択で、それを責めるつもりはない。けれど、「第三者によるコンテンツにおける例外」は本来、試験結果に付すべきものであって、ここで例示したようなものは、JIS X8341-3:2010 「6.1 企画」で述べられたウェブアクセシビリティ方針に属することではないかと思う。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/2989839888148634797/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/2989839888148634797' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2989839888148634797'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2989839888148634797'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/08/jis-x8341-32010.html' title='JIS X 8341-3:2010 「第三者によるコンテンツ」とは何か？'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxb5qvISeKiAcAIicnF19a4F3YddmFhtt1UFgS06v_jjVBsKj9WGpqOUisYOVvTjrqGeny7mO1-GXdk8lvue1oqAHsMB4VCH1IbPftxSBrC52iKFTTyjV0k_6tjWwIMU3GEZFdk8mwD8bF/s72-c/ytsample2.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-2462278928610208519</id><published>2013-06-28T09:52:00.002+09:00</published><updated>2013-06-28T09:52:54.651+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="amara"/><category scheme="http://www.blogger.com/atom/ns#" term="caption"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Accessibility"/><category scheme="http://www.blogger.com/atom/ns#" term="Webアクセシビリティ"/><category scheme="http://www.blogger.com/atom/ns#" term="山田肇"/><title type='text'>ウェブアクセシビリティの重要性（東洋大学教授 山田 肇氏）ビデオ公開</title><content type='html'>&lt;a href=&quot;http://www.jwac.or.jp/event/20130530.html&quot; target=&quot;_blank&quot;&gt;ウェブアクセシビリティセミナー「障害者基本計画と情報アクセシビリティの今後」（2013年5月30日（木）　東洋大学 大手町サテライト）ウェブアクセシビリティ推進協会&lt;/a&gt;のビデオを Youtube で公開しました。&lt;br /&gt;
&lt;br /&gt;
開催のご挨拶：ウェブアクセシビリティの重要性&lt;br /&gt;
ウェブアクセシビリティ推進協会理事長&lt;br /&gt;
東洋大学教授　山田 肇氏&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/pCKxm5sMxa0?feature=player_embedded&#39; frameborder=&#39;0&#39;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
まだ字幕がありません。amaraを使って半分くらいまで字幕を作っていますので、もし手伝ってくださる方がいましたらぜひお願いします。勝手に続きをやってくださってもかまいません。Google+などで、ご一報ください。&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://amara.org/v/C0Zn/&quot;&gt;http://amara.org/v/C0Zn/&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/2462278928610208519/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/2462278928610208519' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2462278928610208519'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2462278928610208519'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/06/blog-post.html' title='ウェブアクセシビリティの重要性（東洋大学教授 山田 肇氏）ビデオ公開'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-7408412002481259992</id><published>2013-05-24T17:38:00.004+09:00</published><updated>2013-06-11T15:32:02.778+09:00</updated><title type='text'>Kindle for iOS Accessibility Gestures</title><content type='html'>&lt;a href=&quot;http://www.amazon.co.jp/gp/product/B00CL5NIGU/ref=as_li_ss_tl?ie=UTF8&amp;amp;camp=247&amp;amp;creative=7399&amp;amp;creativeASIN=B00CL5NIGU&amp;amp;linkCode=as2&amp;amp;tag=umegaki-22&quot;&gt;Kindle for iOS Accessibility Gestures - Quick Reference Guide&lt;/a&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;1&quot; src=&quot;http://www.assoc-amazon.jp/e/ir?t=umegaki-22&amp;amp;l=as2&amp;amp;o=9&amp;amp;a=B00CL5NIGU&quot; style=&quot;border: none !important; margin: 0px !important;&quot; width=&quot;1&quot; /&gt; という&lt;a href=&quot;http://www.amazon.co.jp/gp/product/B007OZO03M/ref=as_li_ss_tl?ie=UTF8&amp;amp;camp=247&amp;amp;creative=7399&amp;amp;creativeASIN=B007OZO03M&amp;amp;linkCode=as2&amp;amp;tag=umegaki-22&quot;&gt;Kindle&lt;/a&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;1&quot; src=&quot;http://www.assoc-amazon.jp/e/ir?t=umegaki-22&amp;amp;l=as2&amp;amp;o=9&amp;amp;a=B007OZO03M&quot; style=&quot;border: none !important; margin: 0px !important;&quot; width=&quot;1&quot; /&gt;版の電子書籍がタダで&amp;nbsp;&lt;a href=&quot;http://www.amazon.co.jp/?_encoding=UTF8&amp;amp;camp=247&amp;amp;creative=7399&amp;amp;linkCode=ur2&amp;amp;tag=umegaki-22&quot; target=&quot;_blank&quot;&gt;Amazon&lt;/a&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;1&quot; src=&quot;https://www.assoc-amazon.jp/e/ir?t=umegaki-22&amp;amp;l=ur2&amp;amp;o=9&quot; style=&quot;border: none !important; margin: 0px !important;&quot; width=&quot;1&quot; /&gt;から買えるようになっています。中身は VoiceOver での Kindle アプリの使い方です。日本語版もあるといいな。だれか出しませんか？&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;

&lt;a href=&quot;http://www.amazon.co.jp/gp/product/B00CL5NIGU/ref=as_li_ss_il?ie=UTF8&amp;amp;camp=247&amp;amp;creative=7399&amp;amp;creativeASIN=B00CL5NIGU&amp;amp;linkCode=as2&amp;amp;tag=umegaki-22&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&amp;amp;ASIN=B00CL5NIGU&amp;amp;Format=_SL160_&amp;amp;ID=AsinImage&amp;amp;MarketPlace=JP&amp;amp;ServiceVersion=20070822&amp;amp;WS=1&amp;amp;tag=umegaki-22&quot; /&gt;&lt;/a&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;1&quot; src=&quot;http://www.assoc-amazon.jp/e/ir?t=umegaki-22&amp;amp;l=as2&amp;amp;o=9&amp;amp;a=B00CL5NIGU&quot; style=&quot;border: none !important; margin: 0px !important;&quot; width=&quot;1&quot; /&gt;
 </content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/7408412002481259992/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/7408412002481259992' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/7408412002481259992'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/7408412002481259992'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/05/kindle-for-ios-accessibility-gestures.html' title='Kindle for iOS Accessibility Gestures'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-2867714539887908286</id><published>2013-05-17T13:08:00.002+09:00</published><updated>2013-05-17T13:09:38.754+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Checker"/><category scheme="http://www.blogger.com/atom/ns#" term="WCAG"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Accessibility"/><category scheme="http://www.blogger.com/atom/ns#" term="Webアクセシビリティ"/><category scheme="http://www.blogger.com/atom/ns#" term="チェッカー"/><title type='text'>Webアクセシビリティチェッカーの現状</title><content type='html'>&lt;br /&gt;
W3CにWebアクセシビリティチェッカーの一覧ページがあるので、久しぶりに覗いてみたがどうも更新されている気配がありません。そこで、リストの中から有名どころを抜き出して、現状がどうなっているか調べてみることにしました。（ただし、色チェッカー、文法チェッカー、日本のものは除く）&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;a href=&quot;http://www.w3.org/WAI/RC/tools/complete&quot; target=&quot;_blank&quot;&gt;Complete List of Web Accessibility Evaluation Tools&lt;/a&gt;&lt;br /&gt;
http://www.w3.org/WAI/RC/tools/complete&lt;/blockquote&gt;
&lt;h3&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;A-Checker&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;ATRC University Of Toronto&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://achecker.ca/checker/index.php&quot;&gt;http://achecker.ca/checker/index.php&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
バージョンはわからないが、「AChecker - Copyright 2009 by ATRC」の文字が html コードにあり、サイトには (C)2011表示がある。WCAG 2.0 AAA まで対応が進んでいるし、かつてのように日本語が文字化けすることもない。また、アカウントを作るとWeb APIのIDが取得できる。以前はソースコードも公開していたが、ざっと探しても見つかりません。&lt;br /&gt;
&lt;h3&gt;
AccMonitor&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;HiSoftware&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.hisoftware.com/products/hisoftware-compliance-sheriff/accessibility-compliance.aspx&quot;&gt;http://www.hisoftware.com/products/hisoftware-compliance-sheriff/accessibility-compliance.aspx&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
HiSoftware Compliance Sheriff® のアクセシビリティモジュール。WCAG 2.0 にも対応済み。&lt;br /&gt;
&lt;h3&gt;
ACTF aDesigner&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Accessibility Tools Framework (ACTF)&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.eclipse.org/actf/downloads/tools/aDesigner/&quot;&gt;http://www.eclipse.org/actf/downloads/tools/aDesigner/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
もう定番だから説明必要なし。ODFファイル、FlashのMSAA/IA2評価も可能。WCAG 2.0、JIS X8341-3:2010 対応。現時点での最新版は1.0.0。オープンソースです。&lt;br /&gt;
&lt;h3&gt;
Functional Accessibility Evaluator 1.1&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;University of Illinois at Urbana-Champaign&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://fae.cita.uiuc.edu/&quot;&gt;http://fae.cita.uiuc.edu/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
アカウントを作るとサイト単位でざっくりとした結果が出るが、日本語は文字化けするし、そのため結果もよくありません。&lt;br /&gt;
&lt;h3&gt;
Total Validator v8.1.0&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Total Validator&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.totalvalidator.com/&quot;&gt;http://www.totalvalidator.com/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
WCAG 2.0 AA 対応で、スタンドアロンのJavaアプリと、ブラウザから起動するアドオンがある。文法チェッカーは HTML5 対応。Basic 版は無料。Pro版は製品になっています。結果も文字化けなし。Pro版を試してみたい感じです。&lt;br /&gt;
&lt;h3&gt;
WAVE&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;WebAIM&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://wave.webaim.org/&quot;&gt;http://wave.webaim.org/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
WCAG などのガイドラインチェッカーではないけど、たぶん一番見やすい表示画面ですね。ソースコード表示もあるしWeb制作者にはわかりやすいんじゃないでしょうか。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_GAgtfz33QNOkss-lzJmYwR0pYzBBoq7IMHATLJRgITfXYLagbF8xwB4MARjYMvXobjVlV-BfdMDcg_UTzk_5z-sHx7APumtvxjC01xxD40B66OnOEwvMNTV-i3uMhYgytxUG_Y0ayOO/s1600/wave.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;WAVEでkantei.go.jp をチェック&quot; border=&quot;0&quot; height=&quot;388&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_GAgtfz33QNOkss-lzJmYwR0pYzBBoq7IMHATLJRgITfXYLagbF8xwB4MARjYMvXobjVlV-BfdMDcg_UTzk_5z-sHx7APumtvxjC01xxD40B66OnOEwvMNTV-i3uMhYgytxUG_Y0ayOO/s640/wave.png&quot; title=&quot;WAVEでkantei.go.jp をチェック&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h4&gt;
&lt;/h4&gt;
&lt;h4&gt;
&lt;/h4&gt;
&lt;h4&gt;
まとめ&lt;/h4&gt;
&lt;br /&gt;
ガイドラインのチェッカーとしては、aDesigner が定番ということで間違いないと思うのですけれど、やはりもっとWeb制作によりそったツールがないと生産性は向上しないんですよね。WAVE のようなデザイナやコーダが実践の場ですぐ使えるようなツールが充実してきたらいいだろうなと思います。&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/2867714539887908286/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/2867714539887908286' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2867714539887908286'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/2867714539887908286'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/05/web.html' title='Webアクセシビリティチェッカーの現状'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_GAgtfz33QNOkss-lzJmYwR0pYzBBoq7IMHATLJRgITfXYLagbF8xwB4MARjYMvXobjVlV-BfdMDcg_UTzk_5z-sHx7APumtvxjC01xxD40B66OnOEwvMNTV-i3uMhYgytxUG_Y0ayOO/s72-c/wave.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-8495127002137371680</id><published>2013-05-07T16:45:00.001+09:00</published><updated>2013-05-07T16:45:59.809+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="スタインベック"/><category scheme="http://www.blogger.com/atom/ns#" term="映画"/><title type='text'>Of Mice and Men</title><content type='html'>Of Mice and Men（二十日鼠と人間）は、1937年のジョン・スタインベックの小説です。僕は、10年ほど前にレンタルビデオではじめて見て、そして原作も買って読みました。この物語には、障害ということを考えさせる側面がありますが、もっと多くの社会の抱える問題を含んでいるし、人間のこころのありようを鋭く切り取る物語です。そして、大自然の美しさと生きることの厳しさに圧倒されます。&lt;br /&gt;
&lt;br /&gt;
原作の英語は、なまりを活かした文章であることに慣れればとても読みやすく、短いので読み切ることができます。&lt;br /&gt;
&lt;br /&gt;
映画には1939年制作の古い作品もあるようですが、僕が見たのは1992年のあのジョン・マルコヴィッチが大男のレニーを演じている新しいほう。正直いって、決して楽しい作品ではないけれど、見る価値のある映画だと思います。これほど何度も見た映画はありません。&lt;br /&gt;
&lt;br /&gt;
ストーリーを語ってしまうとつまらなくなるので書きませんが、僕の見方をひとつだけ紹介すると、主人公である二人の男、ジョージとレニーは、まるでひとりの人間の中にあるもののように感じました。自分の中にジョージとレニーが生きているかのようです。&lt;br /&gt;
&lt;br /&gt;
古い映画ですので見た方も多いと思いますが、おすすめです。でも、元気な時に見たほうがいいです。&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://ja.wikipedia.org/wiki/%E4%BA%8C%E5%8D%81%E6%97%A5%E9%BC%A0%E3%81%A8%E4%BA%BA%E9%96%93&quot; target=&quot;_blank&quot;&gt;二十日鼠と人間 Wikipedia&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;iframe frameborder=&quot;0&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; scrolling=&quot;no&quot; src=&quot;http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&amp;amp;bc1=000000&amp;amp;IS2=1&amp;amp;bg1=FFFFFF&amp;amp;fc1=000000&amp;amp;lc1=0000FF&amp;amp;t=umegaki-22&amp;amp;o=9&amp;amp;p=8&amp;amp;l=as4&amp;amp;m=amazon&amp;amp;f=ifr&amp;amp;ref=ss_til&amp;amp;asins=B001BAODVU&quot; style=&quot;height: 240px; width: 120px;&quot;&gt;&lt;/iframe&gt;
&lt;iframe frameborder=&quot;0&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; scrolling=&quot;no&quot; src=&quot;http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&amp;amp;bc1=000000&amp;amp;IS2=1&amp;amp;bg1=FFFFFF&amp;amp;fc1=000000&amp;amp;lc1=0000FF&amp;amp;t=umegaki-22&amp;amp;o=9&amp;amp;p=8&amp;amp;l=as4&amp;amp;m=amazon&amp;amp;f=ifr&amp;amp;ref=ss_til&amp;amp;asins=B001BC2ZS6&quot; style=&quot;height: 240px; width: 120px;&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/8495127002137371680/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/8495127002137371680' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/8495127002137371680'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/8495127002137371680'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/05/of-mice-and-men.html' title='Of Mice and Men'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-1628404239486020268</id><published>2013-04-07T22:52:00.001+09:00</published><updated>2013-04-07T22:53:10.765+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Accessibility"/><category scheme="http://www.blogger.com/atom/ns#" term="Webアクセシビリティ"/><category scheme="http://www.blogger.com/atom/ns#" term="x8341-3"/><category scheme="http://www.blogger.com/atom/ns#" term="合理的配慮"/><title type='text'>障害者権利条約の「合理的配慮」とは何だったか</title><content type='html'>&lt;br /&gt;
報道によると、「障害者差別解消法」について自民、公明、民主が三党合意し、民間における配慮を努力義務にとどめるということになったということだ。この法律は、国連の障害者権利条約（Convention on the Rights of Persons with Disabilities）を批准するために整備がすすめられた法律である。もとはといえば、障害者権利条約は障害者の差別をなくすことがその本旨である。差別をなくすことが努力目標であってよいはずがない。&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
日本国憲法第十四条では&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
すべて国民は、法の下に平等であつて、人種、信条、性別、社会的身分または門地により、政治的、経済的または社会的関係において、差別されない&lt;/blockquote&gt;
と差別されない権利が明記されている。あまり評判の良くない自民党の日本国憲法改正草案でも、&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
第十四条 全て国民は、法の下に平等であって、人種、信条、性別、&lt;b&gt;&lt;u&gt;障害の有無&lt;/u&gt;&lt;/b&gt;、社会的身分又は門地により、政治的、経済的又は社会的関係において、差別されない。&lt;/blockquote&gt;
と障害の有無を加えている。&lt;br /&gt;
&lt;br /&gt;
たしかに、現実問題としてあらゆる面で完全な平等を実現するというのは容易ではない。内閣府の役人がある集まりで話した権利条約の&lt;b&gt;「合理的配慮」(Reasonable Accommodation)&lt;/b&gt;概念についての説明が分かりやすいので、思い出してみよう。&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
たとえば、老夫婦が二人で経営する小さなレストランがあり、入り口に段差があるとしよう。車いすの人も利用できるようにするには、スロープを付けたり、店内を改装して動きやすくしたり、トイレを改修する必要があるかもしれない。しかし、たいした売り上げもなくつつましく経営をしている老夫婦にはそんな資金はないので、そのままにしている。このような場合、この状態は障害者差別であるということができるけれども、障害者に対応するためにレストランを改修するには負担が重すぎる。そこで「合理的配慮」の出番だ。つまり、「さまざまな状況から判断して差別を解消するためのコストがあまりに重い場合は、合理的な範囲の配慮を逸脱しているので、依然として差別はあるけれども、それは社会的には納得しましょう」とする社会的合意にしようということである。&lt;/blockquote&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFUU4fA867DNyMIOsMUKs_qYyJxW3nXZeQd3yBhtjVE5h3Bor2bPwDeX6SxUKfIrNtYcWDIaSzWibfLW8TZpy56Vn089VxA3-6tVHH8OQjfFWUhFF98xVV4bX6yaRcSgYs748zEdP4Pz9/s1600/resonable-accommodation.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img alt=&quot;「合理的配慮」の概念を図示&quot; border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFUU4fA867DNyMIOsMUKs_qYyJxW3nXZeQd3yBhtjVE5h3Bor2bPwDeX6SxUKfIrNtYcWDIaSzWibfLW8TZpy56Vn089VxA3-6tVHH8OQjfFWUhFF98xVV4bX6yaRcSgYs748zEdP4Pz9/s320/resonable-accommodation.png&quot; title=&quot;&quot; width=&quot;233&quot; /&gt;&lt;/a&gt;だいたいこんな文脈だったと記憶している。当然、同意できるレベルというのは国の豊かさによって異なるのもやむを得ない。それだけのコストをかける余力のない貧しい国では、どうしようもないことがあるのは厳然たる事実だ。&lt;br /&gt;
&lt;br /&gt;
「障害者の権利に関する条約和文テキスト（仮訳文）」の第二条定義では次のように述べられている。&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
「合理的配慮」とは、障害者が他の者と平等にすべての人権及び基本的自由を享有し、又は行使することを確保するための必要かつ適当な変更及び調整であって、特定の場合において必要とされるものであり、かつ、均衡を失した又は過度の負担を課さないものをいう。&lt;/blockquote&gt;
つまり「合理的配慮」とは、原則差別禁止の中に盛り込まれた現実路線である。だからこそ、「合理的配慮」の枠の中に入るか入らないかという「分水嶺」を明確にしておく必要がある。そしてその一線を越えれば差別であると考えるということなのだ。差別であるということは、つまり憲法に反するということだ。&lt;br /&gt;
&lt;br /&gt;
ウェブアクセシビリティの問題に即していえば、JIS X8341-3:2010 の等級Aに対応していることが、「合理的配慮」のギリギリの枠内と考えるのが妥当だろう。世界的に見ても、WCAG2.0 レベルAは最低限求められる基準であり、それはJISの等級Aと一致している。&lt;br /&gt;
&lt;br /&gt;
ところで、「公共は強制で、民間は努力義務」というと、たとえば現行の障害者基本法第22条を思い出す。すこし長いけれど引用しておきたい。&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
（情報の利用におけるバリアフリー化等）&lt;br /&gt;
第二十二条 　国及び地方公共団体は、障害者が円滑に情報を取得し及び利用し、その意思を表示し、並びに他人との意思疎通を図ることができるようにするため、障害者が利用しやすい電子計算機及びその関連装置その他情報通信機器の普及、電気通信及び放送の役務の利用に関する障害者の利便の増進、障害者に対して情報を提供する施設の整備、障害者の意思疎通を仲介する者の養成及び派遣等が図られるよう必要な施策を講じなければならない。&lt;br /&gt;
２ 　国及び地方公共団体は、災害その他非常の事態の場合に障害者に対しその安全を確保するため必要な情報が迅速かつ的確に伝えられるよう必要な施策を講ずるものとするほか、行政の情報化及び公共分野における情報通信技術の活用の推進に当たつては、障害者の利用の便宜が図られるよう特に配慮しなければならない。&lt;br /&gt;
３ 　電気通信及び放送その他の情報の提供に係る役務の提供並びに電子計算機及びその関連装置その他情報通信機器の製造等を行う事業者は、当該役務の提供又は当該機器の製造等に当たつては、障害者の利用の便宜を図るよう努めなければならない。&lt;/blockquote&gt;
はじめの段落と2段落目は、公共の義務について「施策を講じなければならない」「特に配慮しなければならない」としており、3では民間に対して、「努めなければならない」としている。民間に対しては努力義務を課しているだけである。要するに、この条文を変える気はないのである。公共は義務だが、民間は努力目標というのは、これまでとほとんど何も変わらないということだ。あるいは、合理的配慮の範囲がほぼ公共の枠内だけに設定されているということもできる。&lt;br /&gt;
&lt;br /&gt;
調べたわけではないけれども、そんな狭い枠でしか合理的配慮をできないのは貧しい国だけだろう。そこらじゅうがぬかるみだらけでジャングルの国で、交通バリアフリーといっても難しいというのはわかる。そして、同じ文脈で言えば日本も「貧しい国」のひとつなのだと思い知らされる。&lt;br /&gt;
&lt;br /&gt;
もう一度Webアクセシビリティに戻ろう。世界の国がどうなっているのか？米国はよく知られているように、ADA法（障害のあるアメリカ人法）で差別を禁止しており、ADA法に基づく障害者から民間企業への訴訟は勝ち負けはさまざまあるにしても日常化しているといってよいだろう。オーストラリアはシドニーオリンピックでの訴訟が有名だ。英国は、DDA法のもとに実施計画を進めている。カナダのオンタリオは企業の規模を決めてアクセシビリティの法制化をおこない、その対応期限が迫っている。韓国は、罰則のある差別禁止法を定め、すべての法人が5年以内に対応することを求めている。公共機関は施行から1年以内だ。日本はといえば、総務省が3年以内に JIS X8341-3:2010 等級AA の対応を公共に求めた「みんなの公共サイト運用モデル改定版（2010年度）」があるのみで、努力目標でしかない。&lt;br /&gt;
&lt;br /&gt;
世界のWebアクセシビリティの現実と日本の貧しさのコントラスト。憤慨するのを通り越してあきれて恥ずかしくなっている。&lt;br /&gt;
&lt;br /&gt;
正直申しあげて、私も加担しているのかもしれないと思う。皆さんにお詫びしたい、泣きたくなるような気持ちだ。&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Convention on the Rights of Persons with Disabilities&lt;br /&gt;&lt;a href=&quot;http://www.un.org/disabilities/convention/conventionfull.shtml&quot;&gt;http://www.un.org/disabilities/convention/conventionfull.shtml&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;障害者の権利に関する条約 和文テキスト（仮訳文）&lt;br /&gt;&lt;a href=&quot;http://www.mofa.go.jp/mofaj/gaiko/treaty/shomei_32b.html&quot;&gt;http://www.mofa.go.jp/mofaj/gaiko/treaty/shomei_32b.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;障害者差別:解消法制化で３党合意　民間は努力義務に　毎日新聞　2013年4月5日&lt;br /&gt;&lt;a href=&quot;http://mainichi.jp/select/news/m20130406k0000m040022000c.html&quot;&gt;http://mainichi.jp/select/news/m20130406k0000m040022000c.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;障害者差別禁止、具体化へ…自公民が実務者協議　読売新聞　2013年4月2日&lt;br /&gt;&lt;a href=&quot;http://www.yomiuri.co.jp/politics/news/20130402-OYT1T01348.htm&quot;&gt;http://www.yomiuri.co.jp/politics/news/20130402-OYT1T01348.htm&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;障がい者制度改革推進本部&lt;br /&gt;&lt;a href=&quot;http://www8.cao.go.jp/shougai/suishin/kaikaku/kaikaku.html&quot;&gt;http://www8.cao.go.jp/shougai/suishin/kaikaku/kaikaku.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;障害者制度改革の推進のための基本的な方向について（第二次）　平成２３年３月１５日　閣議決定案&lt;br /&gt;&lt;a href=&quot;http://www8.cao.go.jp/shougai/suishin/kaikaku/honbu/k_3/pdf/s2.pdf&quot;&gt;http://www8.cao.go.jp/shougai/suishin/kaikaku/honbu/k_3/pdf/s2.pdf&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;障害者自立支援法訴訟の勝利をめざす会&lt;br /&gt;&lt;a href=&quot;http://www.normanet.ne.jp/~ictjd/suit/&quot;&gt;http://www.normanet.ne.jp/~ictjd/suit/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;世界各国のアクセシビリティ動向&lt;br /&gt;&lt;a href=&quot;http://sakaki.ws/slide/worldaccessibility.html&quot;&gt;http://sakaki.ws/slide/worldaccessibility.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Introduction to Laws Throughout the World（WebAIM）&lt;br /&gt;&lt;a href=&quot;http://webaim.org/articles/laws/world/&quot;&gt;http://webaim.org/articles/laws/world/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/1628404239486020268/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/1628404239486020268' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/1628404239486020268'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/1628404239486020268'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/04/blog-post.html' title='障害者権利条約の「合理的配慮」とは何だったか'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFUU4fA867DNyMIOsMUKs_qYyJxW3nXZeQd3yBhtjVE5h3Bor2bPwDeX6SxUKfIrNtYcWDIaSzWibfLW8TZpy56Vn089VxA3-6tVHH8OQjfFWUhFF98xVV4bX6yaRcSgYs748zEdP4Pz9/s72-c/resonable-accommodation.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-6045555746428787108</id><published>2013-03-31T18:44:00.001+09:00</published><updated>2013-04-03T12:27:53.336+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="amara"/><category scheme="http://www.blogger.com/atom/ns#" term="caption"/><category scheme="http://www.blogger.com/atom/ns#" term="YouTube"/><category scheme="http://www.blogger.com/atom/ns#" term="字幕"/><title type='text'>amara で YouTube に字幕をつけてみた</title><content type='html'>&lt;a href=&quot;http://www.amara.org/&quot; target=&quot;_blank&quot;&gt;amara&lt;/a&gt; を使って YouTube の「&lt;a href=&quot;http://www.youtube.com/watch?v=6NvCbwISPFk&quot; target=&quot;_blank&quot;&gt;第3回 アクセシビリティキャンプ東京 ショートセッション (1)&lt;/a&gt;」に字幕をつけてみました。操作に慣れるのに少し時間がかかりましたが、10分のビデオで作業は1時間くらい。聞きとれないところなどを飛ばしているし、キータイピングが遅いので、丁寧にやればもう少し時間がかかるかもしれません。&lt;br /&gt;
&lt;br /&gt;
操作画面はこんな感じで、TABキーでビデオの再生と停止、Shift+TABで少し巻き戻しする仕様です。全部入力できたら、今度は音声との同期を調整します。で確認しておわり。とても使いやすい。&lt;br /&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwvjITX_MnnRK56c8ZsT3yfLg9eIfIncihrE1dzFj2_opO68zjYi3w4msMhd56kkBI15ik-S87OnPEzbMRS7ZKPBnybWCxiKzpq-qElB-H5bSVdCVEs_2U4whFYNqjdzUrGj_0RW5WsS_B/s1600/amara.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;amara の字幕作成画面&quot; border=&quot;0&quot; height=&quot;343&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwvjITX_MnnRK56c8ZsT3yfLg9eIfIncihrE1dzFj2_opO68zjYi3w4msMhd56kkBI15ik-S87OnPEzbMRS7ZKPBnybWCxiKzpq-qElB-H5bSVdCVEs_2U4whFYNqjdzUrGj_0RW5WsS_B/s400/amara.png&quot; title=&quot;amara の字幕作成画面&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;amara 操作画面&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;script src=&quot;http://s3.amazonaws.com/s3.www.universalsubtitles.org/embed.js&quot; type=&quot;text/javascript&quot;&gt;
(
  {&quot;video_url&quot;: &quot;http://www.youtube.com/watch?v=6NvCbwISPFk&quot;}
)
&lt;/script&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/6045555746428787108/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/6045555746428787108' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/6045555746428787108'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/6045555746428787108'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/03/amara-youtube.html' title='amara で YouTube に字幕をつけてみた'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwvjITX_MnnRK56c8ZsT3yfLg9eIfIncihrE1dzFj2_opO68zjYi3w4msMhd56kkBI15ik-S87OnPEzbMRS7ZKPBnybWCxiKzpq-qElB-H5bSVdCVEs_2U4whFYNqjdzUrGj_0RW5WsS_B/s72-c/amara.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-7389935661962425118</id><published>2013-03-30T08:08:00.001+09:00</published><updated>2013-03-30T08:10:54.732+09:00</updated><title type='text'>YouTube の caption  の見やすさ</title><content type='html'>今朝、&lt;span style=&quot;font-size: small;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=Tn87VUM8f4k&amp;amp;feature=player_embedded&quot; target=&quot;_blank&quot;&gt;YouTube Developers Live: Captioning with Amara&lt;/a&gt; (&lt;/span&gt;&lt;a class=&quot;yt-uix-sessionlink yt-user-name &quot; data-sessionlink=&quot;ei=dRdWUcfTKIKzlQXO7oFw&amp;amp;feature=watch&quot; dir=&quot;ltr&quot; href=&quot;https://www.youtube.com/user/GoogleDevelopers?feature=watch&quot;&gt;GoogleDevelopers&lt;/a&gt;&lt;span class=&quot;yt-user-separator&quot;&gt;) を見ていたら、FirefoxとChromeで字幕の表示が違うのに気が付きました。&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/Tn87VUM8f4k?feature=player_embedded&#39; frameborder=&#39;0&#39;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-enKZcVx8pw_8VTj62pRGz2o5n-m-3cqeUKhW77Q-zzwDh3eodc2kJ_80QoZo1x8qXabeu3pSStYUOhSpj8cpMkM4vLEKo8rUjHxkWUx50V3YRUTuUe7z0JlAQlAKlEQCfFtTc-BzQ2wQ/s1600/caption.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;ＦｉｒｅｆｏｘとChromeの字幕表現の違い&quot; border=&quot;0&quot; height=&quot;155&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-enKZcVx8pw_8VTj62pRGz2o5n-m-3cqeUKhW77Q-zzwDh3eodc2kJ_80QoZo1x8qXabeu3pSStYUOhSpj8cpMkM4vLEKo8rUjHxkWUx50V3YRUTuUe7z0JlAQlAKlEQCfFtTc-BzQ2wQ/s400/caption.png&quot; title=&quot;&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
Firefox は黒背景に白字なのに対して、Chromeは抜き文字で明らかに見辛い。同じ Youtube でもこんなふうに表示が違っていることに気がついて驚きました。&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
実は、これはデフォルト設定。字幕の設定画面を開くと、色を変えたり、文字を拡大できます。でも、設定画面もやっぱり Firefox と Chrome でちがう。なんででしょう？&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHslyFq5Q7QXfx1gqfMbFjmy6_w_b1fb1oMAMiLFBlWh-kqYsydLVd3dBSe9UsIJfk3jQSABZDF80d__K_YwqeJrvs9pUXastcHl1zGYWyUwGs0AN4hn-UHcL4q8zNpQuh7HDJfe7kc9_8/s1600/caption3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Firefoxの字幕設定&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHslyFq5Q7QXfx1gqfMbFjmy6_w_b1fb1oMAMiLFBlWh-kqYsydLVd3dBSe9UsIJfk3jQSABZDF80d__K_YwqeJrvs9pUXastcHl1zGYWyUwGs0AN4hn-UHcL4q8zNpQuh7HDJfe7kc9_8/s1600/caption3.png&quot; title=&quot;&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Firefoxの字幕設定&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUeSnSW6zRdit9-HjZ5xtvdVlpBlhgh2N1WbPf8gvyxB_Gz0RINJyk5J8GN8KDNDghmhXVTcZkNb-nzKGw4-Osp8FeDZatH7KDF8MYuNnAH4gaKkqDQhzF1MO4jb5CiLPKE1E1mUypA7k/s1600/caption2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Chromeの字幕設定&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUeSnSW6zRdit9-HjZ5xtvdVlpBlhgh2N1WbPf8gvyxB_Gz0RINJyk5J8GN8KDNDghmhXVTcZkNb-nzKGw4-Osp8FeDZatH7KDF8MYuNnAH4gaKkqDQhzF1MO4jb5CiLPKE1E1mUypA7k/s1600/caption2.png&quot; title=&quot;&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Chromeの字幕設定&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/7389935661962425118/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/7389935661962425118' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/7389935661962425118'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/7389935661962425118'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/03/be-caption.html' title='YouTube の caption  の見やすさ'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-enKZcVx8pw_8VTj62pRGz2o5n-m-3cqeUKhW77Q-zzwDh3eodc2kJ_80QoZo1x8qXabeu3pSStYUOhSpj8cpMkM4vLEKo8rUjHxkWUx50V3YRUTuUe7z0JlAQlAKlEQCfFtTc-BzQ2wQ/s72-c/caption.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-4356587652816642418</id><published>2013-03-18T17:12:00.000+09:00</published><updated>2013-03-18T17:17:54.755+09:00</updated><title type='text'>オープンデータとアクセシビリティ</title><content type='html'>&lt;div style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;
&lt;img align=&quot;right&quot; alt=&quot;Wordle, telling it nicely, by suzannelong on Flickr, CC BY-NC-SA 2.0&quot; border=&quot;0&amp;quot;&quot; hspace=&quot;10&amp;quot;&quot; src=&quot;http://www.lapsi-project.eu/lapsifiles/3234126456_1e63d10324.jpg&quot; title=&quot;Wordle, telling it nicely, by suzannelong on Flickr, CC BY-NC-SA 2.0&quot; width=&quot;280&quot; /&gt;&lt;/div&gt;
クラウドが普及して、さまざまなWebサービスが連携しAPIを介して協調して動くようになった。APIで扱われるデータの多くは、JSONだったりXMLだったりするが、それらはセマンティックに味付けされたものになり、コンピュータで自由に加工できる、新鮮で、滋味あふれる原材料になった。&lt;br /&gt;
&lt;br /&gt;
HTMLで何でも処理していた時代には、3/18 と書かれているのが3月18日なのかそれとも18分の3なのかわからなかったけれど、APIで意味付けされたデータなら、たとえそれが &quot;3/18&quot; という文字列であっても、処理は容易だ。スクリーンリーダーが解釈しようと頑張ったのに、間違って「18分の3」と読み上げることもない。&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
ご存じかも知れないが、話を続ける前にちょっとこのサイトをみておいてほしい。&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;a href=&quot;http://traintimes.org.uk/map/tube/&quot;&gt;http://traintimes.org.uk/map/tube/&lt;/a&gt;&lt;/blockquote&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUa6f397tFIp3m6iRjyj50VD8Gw_D_PY105bXqKDu70JxKUWGPvG-2bzcXHPWP-RtB_lKTZkkZtLB5OX5yzTkkjl_30_2OD4tstMEPvRviuPr21bhUz8egAwvUpkhrpqRlfFO2_ims8jp8/s1600/londontube.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img alt=&quot;Live map of London Underground trains&quot; border=&quot;0&quot; height=&quot;191&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUa6f397tFIp3m6iRjyj50VD8Gw_D_PY105bXqKDu70JxKUWGPvG-2bzcXHPWP-RtB_lKTZkkZtLB5OX5yzTkkjl_30_2OD4tstMEPvRviuPr21bhUz8egAwvUpkhrpqRlfFO2_ims8jp8/s320/londontube.png&quot; title=&quot;&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
これは、ロンドンの地下鉄の運行状況をGoogle Map 上で表示されるように Matthew Somerville さんが作って公開しているものだ。ズームして見ると、車両がリアルタイムで動いているのが分かる。なぜこんなことが可能かと言えば、&lt;a href=&quot;http://www.tfl.gov.uk/&quot; target=&quot;_blank&quot;&gt;ロンドン市交通局&lt;/a&gt;がAPIを公開しているからだ。見てみればわかるように、この地図は誰にも使えるようなものではないし、スクリーンリーダーで読み上げることは不可能だろう。適切にマークアップしても、おそらく音の洪水だ。このようなリッチでリアルタイムの情報を表現するとなると、Webサイトのアクセシビリティの困難さはメジャーリーグ級になってしまうだろう。&lt;br /&gt;
&lt;br /&gt;
かつて、あるアクセシビリティのメーリングリストでこんな議論があったのを憶えている方もいるだろう。ざっくりとしか覚えていないので、やや創作に見えるかもしれないが。&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
「セカンドライフのアクセシビリティはどうなんだよ？」&lt;br /&gt;
「セカンドライフはAPIを公開しているからそれを通じて利用可能だそれでいいんじゃないか」&lt;/blockquote&gt;
&lt;br /&gt;
バーチャル3D空間みたいなものをAPIがあればアクセシブル＝利用可能というのは、ちょっといきすぎていると思わないでもない。でも、アバターが表示された3D画面を音声化するなんてことができるとは思えないし、そういう意味でいまのところ「APIがあるから良い」という判断は手ごろなところだろう。詳しい事はここに書いてありそうだけど、読んでいないので各自どうぞ。&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;a href=&quot;http://secondlifeaccessibility.edublogs.org/&quot; target=&quot;_blank&quot;&gt;Second Life Accessibility&lt;/a&gt;&lt;/blockquote&gt;
「Twitter が使いにくい」「パソコンだといいけど、iPhoneアプリだと使いにくい」などとアクセシビリティのさまざまなクレームも、APIを公開しておいてコミュニティを支援したり、すごいやつが現れてアクセシブルバージョンを作ってくれたりする。そんなことがデータを公開することで可能になる。古い時代のHTMLはたしかにユニバーサルで誰にも使えるドキュメントフォーマットだった。でも、CSSが複雑になり、JavaScriptでクルクル動くようになり、何でもWebでアクセスするアプリケーション化が進むと、どうすることもできなくなるのは目に見えていた。HTML5 ではそこのところをいろいろ改良してはいるけれど、それでカバーできるアクセシビリティもやはりドキュメントとしてのHTMLの範囲だろう。&lt;br /&gt;
&lt;br /&gt;
ブログなんかもそうだ。複雑なレイアウトや動的でリッチなページデザインが増えている。Tumblr とか Google+ なんかもそう。でも、RSS があれば最低限の記事を読むことはできる。RSSは古くて新しいセマンティックだ。問題があるとすれば、画像とか動画くらいのもんだ。&lt;br /&gt;
&lt;br /&gt;
そう、HTMLではなくデータで公開する時代になったとしても、画像の代替テキストは欲しいだろうし、動画にはキャプションが欲しい。でも、データベースにはそれを入れておくフィールドがあるだろうか？APIで指定できるフィールドは？&lt;br /&gt;
&lt;br /&gt;
オープンデータはアクセシビリティにとって強い味方になりうる。誰にでも使いやすいWebを作ることが難しい時代には、APIはそれを救う唯一の道になる。もし、データベースやAPIにアクセシビリティの要素がなかったとしたら、それは大きな損失になる。そのことを多くの人に気付いてほしいと思う。いやおそらくすでに多くの人が気づいていると思いたい。&lt;br /&gt;
&lt;br /&gt;
アクセシビリティという言葉は、オープンデータで「障害者のための」という言葉を冠する必要のない本当のアクセシビリティになるのだから。&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;オープンデータとは何か?&lt;br /&gt;&lt;a href=&quot;http://opendatahandbook.org/ja/what-is-open-data/index.html&quot;&gt;http://opendatahandbook.org/ja/what-is-open-data/index.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;「オープンデータ」の活用始まるー共通APIや統合ポータルの整備が課題（日経ITpro）&lt;br /&gt;&lt;a href=&quot;http://itpro.nikkeibp.co.jp/article/COLUMN/20121130/441202/&quot;&gt;http://itpro.nikkeibp.co.jp/article/COLUMN/20121130/441202/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;How to make open data more accessible by Gavin Starks　&lt;br /&gt;&lt;a href=&quot;http://www.guardian.co.uk/public-leaders-network/2012/nov/01/open-data-institute-information-technology&quot;&gt;http://www.guardian.co.uk/public-leaders-network/2012/nov/01/open-data-institute-information-technology&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/4356587652816642418/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/4356587652816642418' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/4356587652816642418'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/4356587652816642418'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/03/blog-post_18.html' title='オープンデータとアクセシビリティ'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUa6f397tFIp3m6iRjyj50VD8Gw_D_PY105bXqKDu70JxKUWGPvG-2bzcXHPWP-RtB_lKTZkkZtLB5OX5yzTkkjl_30_2OD4tstMEPvRviuPr21bhUz8egAwvUpkhrpqRlfFO2_ims8jp8/s72-c/londontube.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-4758392940199046292</id><published>2013-03-09T10:13:00.000+09:00</published><updated>2013-03-09T11:51:13.447+09:00</updated><title type='text'>JIS X8341-3:2010 試験の意味を考える</title><content type='html'>&lt;h3&gt;
民間にもポリシーを求める各国の動き&lt;/h3&gt;
&lt;div&gt;
アダム・ゴーリー(Adam Gorley)さんのブログで&lt;a href=&quot;http://blog.firstreference.com/2013/02/13/deadline-to-prepare-accessibility-policies-approaching/#axzz2LQ1XzjZX&quot; target=&quot;_blank&quot;&gt;「迫りくるアクセシビリティポリシーの整備期限（Deadline to prepare accessibility policies approaching）」&lt;/a&gt;という記事を読みました。カナダのオンタリオ州では、民間団体・企業でも50人以上の従業員がいるところでは、&lt;a href=&quot;http://www.e-laws.gov.on.ca/html/statutes/english/elaws_statutes_05a11_e.htm&quot; target=&quot;_blank&quot;&gt;Accessibility for Ontarians with Disabilities Act&lt;/a&gt; （オンタリオ障害者のアクセシビリティ法）で、アクセシビリティへの取り組みが求められており、2014年1月までにポリシーを公開しなければならないのだとか。当然ながら、ポリシーにはどのようにアクセシブルなWebにしているか、しようとしているかを明記することになるのでしょう。&lt;/div&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
正確な話はよく知らないのですけれど、韓国でも障害者差別禁止法が2008年にでき、公共のみならず、民間企業への適用がスケジュール化されていると聞いています。詳細は、&lt;a href=&quot;http://www.slideshare.net/papergarden/web-accessiblity-in-korea-and-its-implications-accesiblity-camp-20130125-japanese-16247145&quot; target=&quot;_blank&quot;&gt;Seyong Park さんのこのスライド&lt;/a&gt;をご覧ください。&lt;br /&gt;
&lt;br /&gt;
&lt;iframe src=&quot;http://www.slideshare.net/slideshow/embed_code/16247145&quot; width=&quot;427&quot; height=&quot;356&quot; frameborder=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; scrolling=&quot;no&quot; style=&quot;border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px&quot; allowfullscreen webkitallowfullscreen mozallowfullscreen&gt; &lt;/iframe&gt; &lt;div style=&quot;margin-bottom:5px&quot;&gt; &lt;strong&gt; &lt;a href=&quot;http://www.slideshare.net/papergarden/web-accessiblity-in-korea-and-its-implications-accesiblity-camp-20130125-japanese-16247145&quot; title=&quot;Web accessiblity in korea and its implications accesiblity camp 2013.01.25 japanese&quot; target=&quot;_blank&quot;&gt;Web accessiblity in korea and its implications accesiblity camp 2013.01.25 japanese&lt;/a&gt; &lt;/strong&gt; from &lt;strong&gt;&lt;a href=&quot;http://www.slideshare.net/papergarden&quot; target=&quot;_blank&quot;&gt;Seyong Park&lt;/a&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
多数派かどうかは置いておくにしても、このようにいくつかの国が法の下でアクセシビリティを推進する体制に移行しつつあるわけです。&lt;br /&gt;
&lt;br /&gt;
ご承知のように、日本でも障害者差別禁止法制は検討されてきたわけですが、このような Webアクセシビリティの目標が定められる気配はありませんし、ましてや民間企業に対する規制を強化するという話は出てきません。現状は、JIS X8341-3:2010 で決められた方法にのっとり総務省が研究会の報告として出した「&lt;a href=&quot;http://www.soumu.go.jp/main_sosiki/joho_tsusin/w_access/index_02.html&quot; target=&quot;_blank&quot;&gt;みんなの公共サイト運用モデル改定版（２０１０年度）&lt;/a&gt;」だけが目安となっています。真剣に取り組もうとする自治体等では、このスケジュールに何とか合わせようとする努力が見られます。&lt;br /&gt;
&lt;h3&gt;
試験＝抜き取り検査&lt;/h3&gt;
&lt;div&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RDDwyOnU7V_Go93s6ZnOPLAOLPFECwECyApBGWYe0TW3i5CAUaTX1hb0psY5mTjWgO047lgRjxQmYBe2nEMY-RjplohXrbbepblWl_ljM2r-CicLL8za8NYKUiYz3i4moWZ63AkBD1Ws/s1600/8341.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img alt=&quot;X8341-3表紙写真&quot; border=&quot;0&quot; height=&quot;155&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RDDwyOnU7V_Go93s6ZnOPLAOLPFECwECyApBGWYe0TW3i5CAUaTX1hb0psY5mTjWgO047lgRjxQmYBe2nEMY-RjplohXrbbepblWl_ljM2r-CicLL8za8NYKUiYz3i4moWZ63AkBD1Ws/s200/8341.png&quot; title=&quot;&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;そんな中で、「試験」に対する理解は必ずしも十分に浸透していないと感じます。そこで、この点について私個人の見解をまとめたいと思います。&lt;/div&gt;
&lt;br /&gt;
言うまでもなく、試験というのはいわば学校の学期末試験のようなものです。その学期にどこまで真剣に勉強を重ねて知識を蓄えてきたか、そのレベルが到達すべきところまできたのかどうかを測ることがその目的です。したがって、X8341-3:2010 の試験も&lt;b&gt;&lt;u&gt;アクセシビリティを改良する努力を重ね、ある一定レベルに到達できたかどうかを測る物差し&lt;/u&gt;&lt;/b&gt;に過ぎません。そこに至る過程で、さまざまなコンテンツの修正や、よりアクセシビリティよいサイトを実現できる技術の導入、たとえばよくできたCMSの導入などがあって、初めて試験する意味があるのです。&lt;br /&gt;
&lt;br /&gt;
X8341-3:2010 で特徴的なのは&lt;b&gt;&lt;u&gt;サンプリング試験&lt;/u&gt;&lt;/b&gt;です。これは、いわば品質管理活動における抜き取り検査のようなものです。一つひとつのページでは、アクセシビリティの問題があるかないかだけを問題にします。ひとつでも問題があれば、ある基準に達したとは言えないからです。しかし、コンテンツ作成というのは人が行う作業ですし、ミスもあれば、理解のずれも存在する。またコストもかかる。そのために、サンプリングという方法が提案されたのです。&lt;br /&gt;
&lt;h3&gt;
サンプリング&lt;/h3&gt;
&lt;div&gt;
たとえば、1万ページのウェブサイトの中にアクセシビリティに問題があるページが100ページ、つまり1%含まれていると仮定しましょう。その母集団から50ページをランダムに選択すると、そこに問題があるページが含まれない確率はいくつになるでしょうか？&lt;/div&gt;
&lt;br /&gt;
1万ページの中から、問題のない9900ページだけを選んでしまう確率ですから、これは簡単な数学の組み合わせ確率です。1万ページから50ページを選ぶ時の組み合わせの数は、&lt;span style=&quot;font-size: xx-small;&quot;&gt;10000&lt;/span&gt;C&lt;span style=&quot;font-size: xx-small;&quot;&gt;50&lt;/span&gt;です。一方、問題のないページだけを選ぶ確率は、&lt;span style=&quot;font-size: xx-small;&quot;&gt;9900&lt;/span&gt;C&lt;span style=&quot;font-size: xx-small;&quot;&gt;50 &lt;/span&gt;ですから、それを割り算すればいいのです。&lt;br /&gt;
&lt;br /&gt;
途中は省略しますが、その値は&lt;b&gt; 0.6&lt;/b&gt; になります。逆に言えば、問題のあるページを発見できる可能性は&lt;b&gt;0.4&lt;/b&gt;しかありません。つまり、&lt;b&gt;この条件下では、1%程度の問題は40%の確率でしか発見できません&lt;/b&gt;。では、10%のページに問題があるとして計算してみましょう。こんどは、問題のあるページを発見できる可能性は&lt;b&gt; 0.995&lt;/b&gt; です。10ページに1ページくらい問題があれば、50ページをランダムサンプリングで選べばほとんど発見できるわけです。&lt;br /&gt;
&lt;br /&gt;
&lt;table border=&quot;1&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
  &lt;th&gt;10000ページに対して&lt;/th&gt;
  &lt;th&gt;50ページのサンプリングで&lt;br /&gt;
問題ページを発見する確率&lt;/th&gt;
 &lt;/tr&gt;
&lt;tr&gt;
  &lt;th&gt;10%のページに問題&lt;/th&gt;
  &lt;td&gt;99.5%&lt;/td&gt;
 &lt;/tr&gt;
&lt;tr&gt;
  &lt;th&gt;1%のページに問題&lt;/th&gt;
  &lt;td&gt;40.0%&lt;/td&gt;
 &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
もちろん確率論ですから、たまたま発見できたり、発見できなかったりすることはあります。しかし、全数検査をするためには膨大なコストと時間を要しますし非現実的ですから、このようなランダムサンプリングの方法が採用されたわけです。&lt;br /&gt;
&lt;br /&gt;
全ページ数の影響も受けますが、むしろサンプリングするページ数に依存して、より精度の高い試験が可能になるというしくみなわけです。ですから、JIS X8341-3:2010 の試験では、全何ページから何ページを選んで試験したかだけを明記するように定められているのです。&lt;br /&gt;
&lt;br /&gt;
理屈の上では、1ページだけ選んで試験をしてもかまわない仕組みですが、ここで述べた確率論からいってそれはほとんど何の意味もないことは明らかです。意味もないことを公表すれば、批判のマトになりかねません。そのために、&lt;a href=&quot;http://www.waic.jp/&quot; target=&quot;_blank&quot;&gt;WAIC&lt;/a&gt;ではサンプル数の目安を示しているわけです。良い試験をやろうとすれば、40～50ページは選ぶべきでしょう。&lt;br /&gt;
&lt;br /&gt;
なお、試験の結果問題が指摘された場合に、その箇所だけを直しても意味はありません。学期末の再試験が新しい問題になるように、サンプリングもやり直しですから。&lt;br /&gt;
&lt;h3&gt;
良い取り組みには試験が強い味方&lt;/h3&gt;
&lt;div&gt;
試験というのは、その言葉のニュアンスからも非常に厄介なものと思われているきらいがありますが、&lt;b&gt;サイトに問題がほとんどないことをスマートに証明&lt;/b&gt;でき、一定のコストで実現できる良い方法なのではないでしょうか。&lt;/div&gt;
&lt;br /&gt;
繰り返しになりますが、試験は様々な努力のあとで行なうべきものです。そのためにも、試験に向けた作業をしっかりと計画して、さまざまなツールやノウハウを生かしていくことが必要になるのです。&lt;br /&gt;
&lt;br /&gt;
日本にも韓国やオンタリオのような時代が来るかどうか私にはわかりません。しかし、現在の取り組みが失敗してWebアクセシビリティが遅れをとるようなら、このような善意の努力に基づいた方法ではもう無理なのではないか、という声が出てきてもおかしくありません。&lt;br /&gt;
&lt;br /&gt;
日本の進んだアクセシビリティ技術、進んだ支援技術を社会が生かすのかそれとも殺すのか、そこが気がかりでなりません。</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/4758392940199046292/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/4758392940199046292' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/4758392940199046292'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/4758392940199046292'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/03/jis-x8341-32010.html' title='JIS X8341-3:2010 試験の意味を考える'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RDDwyOnU7V_Go93s6ZnOPLAOLPFECwECyApBGWYe0TW3i5CAUaTX1hb0psY5mTjWgO047lgRjxQmYBe2nEMY-RjplohXrbbepblWl_ljM2r-CicLL8za8NYKUiYz3i4moWZ63AkBD1Ws/s72-c/8341.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-7922419243714296075</id><published>2013-03-08T14:32:00.000+09:00</published><updated>2013-03-08T14:32:55.853+09:00</updated><title type='text'>新エネループのデザイン</title><content type='html'>&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
パナソニックに統合された&lt;b&gt;新エネループのデザインがダサい&lt;/b&gt;とTwitterなどで騒ぎになっている。&lt;br /&gt;
&lt;br /&gt;
たしかにデザインは工夫がないものだけれど、私みたいな武骨ものは、性能がどうなっていて、値段が高くなるのか安くなるのかにしか興味がないので、理解しがたい騒ぎである。電池など脇役に過ぎずデザインなんか気にしたことさえないからだ。&lt;br /&gt;
&lt;br /&gt;
しかしよく考えてみると、この騒ぎは電池のような単純なモノの意匠デザインでさえユーザの心を躍らせ、買わせる力があるのだということ示している。ただ充電して使うだけのモノのパッケージデザインが、である。ましてや、実際に使用性にかかわるデザイン要素、たとえばつまみの形や表示画面の美しさなどにおいては、ユーザはこれ以上の反応をするということだ。使い勝手や性能だけで商品を選ぶ人は多数派でないということだろう。&lt;br /&gt;
&lt;br /&gt;
しかし、この騒ぎを通じてエネループの新デザインはユーザに定着しただろうから、ブランディングとしては結果オーライなのかもしれない。&lt;br /&gt;
&lt;br /&gt;
話はここまでなのだが、&lt;b&gt;全盲の人って乾電池とエネループみたいな充電池をどうやって識別&lt;/b&gt;してるのだろう。間違って乾電池を充電したりしないんだろうか？充電器のほうでちゃんとわかるようになっているのだろうか？満充電でお知らせするビープ音は鳴るのだろうか？そういう意味でのデザインにも、少し気配りしてくれればありがたいと思う。&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://panasonic.co.jp/corp/news/official.data/data.dir/2013/02/jn130228-2/jn130228-2.html&quot; target=&quot;_blank&quot;&gt;NEWエネループのご紹介 | eneloop（エネループ） | Panasonic&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://nlab.itmedia.co.jp/nl/articles/1302/28/news150.html&quot; target=&quot;_blank&quot;&gt;「エネループ」がデザイン変更　「パナソニック」推しの新デザインに不評&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/7922419243714296075/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/7922419243714296075' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/7922419243714296075'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/7922419243714296075'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/03/blog-post.html' title='新エネループのデザイン'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-3237829236490072312</id><published>2013-02-24T21:18:00.000+09:00</published><updated>2013-02-24T21:18:23.357+09:00</updated><title type='text'>iPhone 4S を VoiceOver で使う</title><content type='html'>&lt;br /&gt;
iPhone 4S を音声で使用しているTommy Edisonさんの動画です。&lt;br /&gt;
英語ですが、字幕も出ますし映像を見ていれば分かってくると思います。&lt;br /&gt;
&lt;br /&gt;
参考まで。&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
How Blind People Use The iPhone 4S (1 of 2)&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/c0nvdiRdehw?feature=player_embedded&#39; frameborder=&#39;0&#39;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
How Blind People Use The iPhone 4S (2 of 2)&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/MtE2NfFZK2g?feature=player_embedded&#39; frameborder=&#39;0&#39;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/3237829236490072312/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/3237829236490072312' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/3237829236490072312'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/3237829236490072312'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/02/iphone-4s-voiceover.html' title='iPhone 4S を VoiceOver で使う'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-3209265806959037754</id><published>2013-02-22T22:16:00.001+09:00</published><updated>2013-02-22T22:16:09.373+09:00</updated><title type='text'>アクセシビリティハンドブック</title><content type='html'>&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.oreilly.co.jp/books/images/picture_large978-4-87311-599-3.jpeg&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;http://www.oreilly.co.jp/books/images/picture_large978-4-87311-599-3.jpeg&quot; width=&quot;156&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
オライリージャパンから &lt;a href=&quot;http://www.amazon.co.jp/gp/product/1449322859/ref=as_li_ss_tl?ie=UTF8&amp;amp;camp=247&amp;amp;creative=7399&amp;amp;creativeASIN=1449322859&amp;amp;linkCode=as2&amp;amp;tag=umegaki-22&quot;&gt;The Accessibility Handbook: Making 508 Websites for Everyone&lt;/a&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;1&quot; src=&quot;http://www.assoc-amazon.jp/e/ir?t=umegaki-22&amp;amp;l=as2&amp;amp;o=9&amp;amp;a=1449322859&quot; style=&quot;border: none !important; margin: 0px !important;&quot; width=&quot;1&quot; /&gt;&amp;nbsp;By Katie Cunningham の翻訳「アクセシビリティハンドブック」が出ています。米国リハ法508条を踏まえたものですが、アクセシビリティの入門書としては役立ちそうです。探してみましたが、日本語版は電子書籍のみのようです。&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://www.oreilly.co.jp/books/9784873115993/&quot;&gt;アクセシビリティハンドブック&lt;/a&gt;&lt;br /&gt;Katie Cunningham　著、福嶋雅子、株式会社トップスタジオ　訳&lt;br /&gt;2013年02月 発行&lt;br /&gt;ISBN978-4-87311-599-3&lt;/li&gt;
&lt;li&gt;原著：&lt;a href=&quot;http://shop.oreilly.com/product/0636920024514.do&quot; target=&quot;_blank&quot;&gt;Accessibility Handbook&amp;nbsp;Making 508 Compliant Websites&lt;/a&gt; &lt;br /&gt;By Katie Cunningham&lt;br /&gt;Publisher: O&#39;Reilly Media&lt;br /&gt;Released: August 2012&lt;br /&gt;Pages: 100&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/3209265806959037754/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/3209265806959037754' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/3209265806959037754'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/3209265806959037754'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/02/blog-post_22.html' title='アクセシビリティハンドブック'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-3169671560091522376</id><published>2013-02-20T15:16:00.001+09:00</published><updated>2013-02-20T15:16:39.081+09:00</updated><title type='text'>RE: アクセシビリティには金がかかるもんだ</title><content type='html'>&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisMy-axH_AxmW2tLn3Nai34l7yryx5UPhXyHkoE2IYSfar-G5CnmUJwEQrbBdKbB0E6hRMOm6mxchvq3WYXmkrRLk2fzVGTU2HBYrvqhqkIDVn3SfYyMY1s-N6xSK-Jd3INpy_rEs7Vg0h/s1600/money-clip.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisMy-axH_AxmW2tLn3Nai34l7yryx5UPhXyHkoE2IYSfar-G5CnmUJwEQrbBdKbB0E6hRMOm6mxchvq3WYXmkrRLk2fzVGTU2HBYrvqhqkIDVn3SfYyMY1s-N6xSK-Jd3INpy_rEs7Vg0h/s1600/money-clip.png&quot; title=&quot;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
nike1929 さんの「&lt;a href=&quot;http://500internalerror.blog.fc2.com/blog-entry-17.html&quot; target=&quot;_blank&quot;&gt;アクセシビリティには金がかかるもんだ&lt;/a&gt;」という記事を読んだ。至極もっともな内容で、首肯することしきり。&lt;br /&gt;
&lt;br /&gt;
VBやVC#で、要するに Visual Studio .NET でできている程度の&quot;組み込み&quot;のアクセシビリティが、Webのオーサリングでは全然できていない。CSS だって手打ちしているような状態がまだまだある。これではWebサイトの品質保障など遠い話である。&lt;br /&gt;
&lt;br /&gt;
HTMLが5になって、要素の使い方は整理が進んできたわけだし、新しいWebデザインにも合わせられるようになった。ARIAだってある。&lt;br /&gt;
&lt;br /&gt;
そろそろ HTML と CSS をベタ打ちする時代は終わりにして、&lt;a href=&quot;http://ja.wordpress.org/&quot; target=&quot;_blank&quot;&gt;Wordpress &lt;/a&gt;でガジェット並べるみたいに、&lt;b&gt;アクセシブルな部品を並べるだけ&lt;/b&gt;でデザインができるようになってもいいんじゃないかと思う。&lt;br /&gt;
&lt;br /&gt;
それはCMS込みのデザインツールかもしれないが、そんなものが普及すれば、アクセシビリティの多くはツール開発ベンダの仕事に押し込めるんじゃないだろうか。少なくとも、マイクロソフトはWindowsでその責任を果たしてきた。Webの世界でそれをやるのは誰なのか。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://500internalerror.blog.fc2.com/blog-entry-17.html&quot; target=&quot;_blank&quot;&gt;アクセシビリティには金がかかるもんだ&lt;/a&gt;&lt;br /&gt;http://500internalerror.blog.fc2.com/blog-entry-17.html&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: right;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;&lt;a href=&quot;http://www.officialpsds.com/money-clip-PSD15753.html&quot; target=&quot;_blank&quot;&gt;Photo&lt;/a&gt; is licensed under&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: right;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;&amp;nbsp;&lt;a href=&quot;http://creativecommons.org/&quot; target=&quot;_blank&quot;&gt;Creative Commons&lt;/a&gt; &lt;a href=&quot;http://creativecommons.org/licenses/by/3.0/&quot; target=&quot;_blank&quot;&gt;Attribution 3.0 Unported&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/3169671560091522376/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/3169671560091522376' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/3169671560091522376'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/3169671560091522376'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/02/re.html' title='RE: アクセシビリティには金がかかるもんだ'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisMy-axH_AxmW2tLn3Nai34l7yryx5UPhXyHkoE2IYSfar-G5CnmUJwEQrbBdKbB0E6hRMOm6mxchvq3WYXmkrRLk2fzVGTU2HBYrvqhqkIDVn3SfYyMY1s-N6xSK-Jd3INpy_rEs7Vg0h/s72-c/money-clip.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-8991990516845957680</id><published>2013-02-19T19:12:00.004+09:00</published><updated>2013-02-19T19:17:13.158+09:00</updated><title type='text'>チェックマークつけるだけならやめちまえ！</title><content type='html'>&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-jybZs1ALba-efRarf2VFv9Vqm1r2bjsu8VXR58ABDczE11I0olTcsQwZU81kJ98YSonzRhVHJfAzzUpTWDj7vJKivYWUIOh12IgOYEImmTZ53mTgdBmwUY75sUM-eD2_O2K60N-K5X5/s1600/mic.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;165&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-jybZs1ALba-efRarf2VFv9Vqm1r2bjsu8VXR58ABDczE11I0olTcsQwZU81kJ98YSonzRhVHJfAzzUpTWDj7vJKivYWUIOh12IgOYEImmTZ53mTgdBmwUY75sUM-eD2_O2K60N-K5X5/s200/mic.png&quot; title=&quot;&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
レオニー・ワトソン(Léonie Watson)さんが、&lt;a href=&quot;http://digital.cabinetoffice.gov.uk/&quot;&gt;Government Digital Service のブログ&lt;/a&gt;で物議をかもしそうな記事を掲載したのは、2月11日でした。この人は、&lt;a href=&quot;http://www.gov.uk/&quot;&gt;GOV.UK&lt;/a&gt; サイトのアクセシビリティコンサルタントで、英国の&lt;a href=&quot;http://shop.bsigroup.com/en/ProductDetail/?pid=000000000030180388&quot; target=&quot;_blank&quot;&gt; BS8878 Web Accessibility Code of Practice&lt;/a&gt; の共同執筆者でもあり、標準化の活動も活発にされているアクセシビリティの専門家です。&lt;br /&gt;
&lt;br /&gt;
その記事の粗訳をしてみたので、読んでみてください。&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;
GOV.UK アクセシビリティ：チェックマーク作業の向こう側&lt;/span&gt; by レオニー・ワトソン 2013年2月11日 &amp;nbsp;&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;原文&lt;/span&gt;&lt;br /&gt;
&lt;a href=&quot;http://digital.cabinetoffice.gov.uk/2013/02/11/beyond-box-ticking/&quot;&gt;&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;http://digital.cabinetoffice.gov.uk/2013/02/11/beyond-box-ticking/&amp;nbsp;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;GOV.UK サイトからアクセシビリティ宣言を消してしまおうと決断したのは昨年のことだ。この決断が、アクセシブルにするという公約を求めている団体に間違ったメッセージを送ってしまっているのではないかと、今週尋ねられた。そろそろこの問題について考え方を共有しておいたほうがよさそうである。&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;2011年8月に GOV.UK で仕事を始めたころにトム・ルーズモアがこんな風に書いている。&amp;nbsp;&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;「俺たちはかつてないほど政府のウェブサイトを使いやすく、アクセシブルにしたい。ちょいと『アクセシブル』とチェックマークをつけるだけではだめなんだ。」&amp;nbsp;&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;このことについて考えれば考えるほど、アクセシビリティへの取り組み方を変えなければならないと自覚していった。&amp;nbsp;&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;私たちはアクセシビリティを年に1度の適合性認証や目標の宣言のようなものにしたくなかった。次の作業に移る前に、ただチェック印をつけて行くというようなことではダメだと考えていたのだ。付け足しのようなものではないと考えていたし、ほとんどのメンバーは将来いつかちゃんとできますよと約束するようなものではないと考えていたのである。&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;我々はただ GOV.UK を可能な限りアクセシブルにしたかったのだ。それゆえに、インクルーシブデザインが我々のデザイン原理のひとつなのである。そしてそれがアクセシビリティをなぜすべての人の責務であると考え、アクセシビリティガイドラインに従い、高齢者と障害者とともにすべてをテストを実施する根拠である。&amp;nbsp;&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;アクセシビリティ宣言のこの論点に立ちかえってみよう。それは、アクセシビリティをGOV.UKの基礎部分にしたいのなら、すべての他の基礎的な部分と同じように扱うべきであるということである。クリエイティブなデザインや技術的価値、ユーザフレンドリーであることを宣言しないのであれば、なぜアクセシビリティだけが宣言なのか？&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;2006年から続けてきた研究では、たいていのアクセシビリティ宣言は期限切れになっているか、さもなくば不正確な情報を含んでいるということがわかっている。GOV.UK を立ち上げたときには、アクセシビリティ宣言を公開したくなかった。そして、実際に GOV.US の日々の更新にあわせて維持することはできないことを実感していた。&amp;nbsp;&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;span style=&quot;font-family: Times, Times New Roman, serif;&quot;&gt;最後の決断は単純だ。GOV.UK がアクセシブルであるか宣言を見なければならないようではだめなのだ。アクセシビリティで必要とされることは、人によって異なっている。そして、あなたにとってアクセシブルかもしれないし、そうではないかのどちらかなのだ。（そして、もしダメなら改善するので、お知らせいただきたい）&lt;/span&gt;&lt;/blockquote&gt;
&lt;br /&gt;
どうでしょうか。GOV.US では&lt;b&gt;アクセシビリティ宣言はしない&lt;/b&gt;と言っているだけではなく、細かいところは使えなかったら言ってくださいという、さじを投げたような文末。&lt;br /&gt;
&lt;br /&gt;
でも、実際にWebアクセシビリティのチェック作業をしたことがある人なら、ただExcelシートにマルを書いているだけになっていないか？と感じたことがあるでしょう。毎日更新される全ページをチェックするということになれば、作業は大変です。CSSテンプレートを書き変えてしまったら、CMSのテンプレートHTMLを書き変えた後には、すべての既存ページを確認し直すのでしょうか？&lt;br /&gt;
&lt;br /&gt;
あなたが本当にただ&lt;b&gt;何も考えずにチェックマークをつけているだけ&lt;/b&gt;の悪徳業者なら、逆にそんなことは微塵も感じないでしょう。しかし、まじめにチェックしよう、本当に使いやすくしようと真剣な人ほど、こんな悩みがあるのではないかと思うのです。&lt;br /&gt;
&lt;br /&gt;
幸運なことに、日本では &lt;a href=&quot;http://waic.jp/&quot;&gt;WAIC &lt;/a&gt;という団体がアクセシビリティの確認のために標準的な方法を示したり、総務省が開発した &lt;a href=&quot;http://www.soumu.go.jp/main_sosiki/joho_tsusin/b_free/miChecker_download.html&quot;&gt;miChecker&lt;/a&gt; などが使えます。また、全数チェックではなく、サンプリングして確認する方法も JIS X8341-3:2010 には示されているのです。CMSもアクセシビリティを確認するさまざまな機能が盛り込まれた、優れた製品が増えています。&lt;br /&gt;
&lt;br /&gt;
アクセシビリティの宣言でさえ、「&lt;a href=&quot;http://waic.jp/docs/accessibility-plan-guidelines/&quot;&gt;ウェブアクセシビリティ方針策定ガイドライン&lt;/a&gt;」という文書がWAICから提供されていて、このテンプレートを使えば、&lt;b&gt;普遍的な宣言&lt;/b&gt;をすることが可能です。&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Webアクセシビリティの進んだ国であると思っていた英国政府の担当者が、こんなことをブログに書いてしまうとは！&lt;/b&gt;と最初は思いました。しかし、よく見れば GOV.UK はスマートでなかなか良くできたサイトです。そんなよくできたサイトのアクセシビリティ担当の声だから、なんだか気持がわかる気がするのです。ユーザからの声で改良しますという締めの言葉は、放り投げたようでもあるけれど、ちゃんと苦情は受け付けますよという意思表示とも受け取れるわけです。&lt;br /&gt;
&lt;br /&gt;
「&lt;b&gt;チェックマークつけるだけならやめちまえ！&lt;/b&gt;」というこの記事のタイトルは、アクセシビリティの検証作業が形骸化することの自戒として自分自身に浴びせた言葉です。すこし刺激的すぎたかもしれませんね。&lt;br /&gt;
&lt;br /&gt;
ただし、box-ticking 作業をもっと効率化しないことには、ここから先へは進めない気がするのも事実です。そんなことを深く考えさせられる記事でした。&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/8991990516845957680/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/8991990516845957680' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/8991990516845957680'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/8991990516845957680'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2013/02/blog-post.html' title='チェックマークつけるだけならやめちまえ！'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-jybZs1ALba-efRarf2VFv9Vqm1r2bjsu8VXR58ABDczE11I0olTcsQwZU81kJ98YSonzRhVHJfAzzUpTWDj7vJKivYWUIOh12IgOYEImmTZ53mTgdBmwUY75sUM-eD2_O2K60N-K5X5/s72-c/mic.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-6802429321666206856</id><published>2012-12-14T13:44:00.000+09:00</published><updated>2013-02-19T19:17:48.688+09:00</updated><title type='text'>ChromeVox （その１）</title><content type='html'>&lt;br /&gt;
&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/JyHXtviaTBQ?feature=player_embedded&#39; frameborder=&#39;0&#39;&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.chromevox.com/&quot; target=&quot;_blank&quot;&gt;ChromeVox &lt;/a&gt;について話す Google の T.V.Raman氏のYoutubeビデオです。&lt;br /&gt;
&lt;br /&gt;
字幕もちゃんと付いてます。自動翻訳で日本語字幕も出ます。おかしな訳もありますが、分からないほどではありません。&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
さっそく Chrome に入れてみました。マイクロソフトの日本語音声合成エンジン &quot;Haruka&quot; を入れてあるので、すぐに読み上げ始めました。すばらしい。&lt;br /&gt;
&lt;br /&gt;
音声合成エンジンのインストールについては、「まほろば」ブログの&lt;a href=&quot;http://mahoro-ba.net/e1048.html&quot; target=&quot;_blank&quot;&gt;「SAPI5 対応の日本語音声合成エンジンのインストール」&lt;/a&gt;をお読みいただくといいです。よくわかるいい記事です。&lt;br /&gt;
&lt;br /&gt;
詳細は、改めて報告します。&lt;br /&gt;
&lt;br /&gt;
&quot;http:&quot; を「えいちとんとんぴーくーん」と読み上げるのがなんとも可笑しいですが。&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://www.youtube.com/watch?v=JyHXtviaTBQ&quot; target=&quot;_blank&quot;&gt;ChromeVox for Web Accessibility&lt;br /&gt;http://www.youtube.com/watch?v=JyHXtviaTBQ&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;chromevoxhttp://www.chromevox.com/&quot; target=&quot;_blank&quot;&gt;ChromeVox&lt;br /&gt;http://www.chromevox.com/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;pkBackgroundHide&quot; id=&quot;bgdiv_completionField_420&quot; style=&quot;display: none;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;pkHiddenStatus&quot; id=&quot;completionField_420&quot; style=&quot;position: absolute;&quot;&gt;
&lt;div id=&quot;div_completionField_420&quot; role=&quot;row&quot; tabindex=&quot;0&quot;&gt;
&lt;/div&gt;
&lt;input aria-hidden=&quot;true&quot; aria-owns=&quot;div_completionField_420&quot; class=&quot;pkOpaqueCompletionText&quot; id=&quot;txt_completionField_420&quot; size=&quot;50&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/6802429321666206856/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/6802429321666206856' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/6802429321666206856'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/6802429321666206856'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2012/12/chromevox.html' title='ChromeVox （その１）'/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-9052522087743031354</id><published>2012-12-12T11:26:00.003+09:00</published><updated>2012-12-12T11:44:40.199+09:00</updated><title type='text'>情報の読みやすさシンポジウム(W3C) </title><content type='html'>&lt;br /&gt;
&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;float: right; margin-left: 1em; text-align: right;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaeMaRN9reeR5VEKR0ZFkSZzHKWAvB1XR6mySrLCshT9m2b_7R_XKwFobOeWa4FTNBMIcRL-8pkcVmRAJXKxdj0E3qEHVldBUxm5q2msd3lht_Aw5CJ9VyG7HsU_4MsZDj_RWloWkHL6Nb/s1600/Readability_edited-1.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;&quot;&gt;&lt;img alt=&quot;Readability=読みやすさ&quot; border=&quot;0&quot; height=&quot;115&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaeMaRN9reeR5VEKR0ZFkSZzHKWAvB1XR6mySrLCshT9m2b_7R_XKwFobOeWa4FTNBMIcRL-8pkcVmRAJXKxdj0E3qEHVldBUxm5q2msd3lht_Aw5CJ9VyG7HsU_4MsZDj_RWloWkHL6Nb/s320/Readability_edited-1.png&quot; title=&quot;&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
2012年12月3日に W3Cが &quot;&lt;a href=&quot;http://www.w3.org/WAI/RD/2012/easy-to-read/&quot;&gt;Easy-to-Read on the Web Online Symposium&lt;/a&gt;&quot;（読みやすさオンラインシンポジウム）を開催しました。この分野では、&lt;a href=&quot;http://cop.health-rights.org/files/c/1/c1fbaaeb17db47800782d8721bd8b0db.pdf&quot;&gt;”Information for all” European standards for making information easy to read and understand（「全ての人のための情報」情報を読みやすく分かりやすくするための欧州標準）&lt;/a&gt;がありますが、W3Cはまだ研究が必要であると考えているようです。この問題では、日本でも「読みやすさ」の基準をいかに明確にしていくかという課題があり注目すべき分野です。高齢者ばかりでなく、記憶や注意などのさまざまな認知の障害や知的障害に Web 技術がどう対応していくべきか、という問題は避けて通れません。&lt;br /&gt;
&lt;br /&gt;
残念ながら、このシンポジウムには参加できませんでした。それから、日本からの発表もなかったようです。この「読みやすさ」の分野、日本では決して遅れているわけではありません。Web まで手が届いていないのです。&lt;br /&gt;
&lt;br /&gt;
日本語には固有の難しさがあります。昨日12月10日はノーベル生理学・医学賞の授与式式でした。その後の会見で、京都大学の山中伸弥教授が「初心」という字を書き、記者たちに「この字間違ってませんか？」と聞いていました。日本語とは、ノーベル賞をとった大学教授でも正確さが心配になるそんな言葉なのです。&lt;br /&gt;
&lt;br /&gt;
「読みやすさ」の問題。もう少しウォッチしていかねばなりません。海外ではツールまでできはじめているのですから。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Easy-to-Read on the Web&amp;nbsp;Online Symposium 3 December 2012&lt;br /&gt;&lt;a href=&quot;http://www.w3.org/WAI/RD/2012/easy-to-read/&quot;&gt;http://www.w3.org/WAI/RD/2012/easy-to-read/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;”Information for all”&lt;br /&gt;European standards for making information easy to read and understand&lt;br /&gt;（情報を読みやすく分かりやすくするための欧州標準）&lt;br /&gt;&lt;a href=&quot;http://cop.health-rights.org/files/c/1/c1fbaaeb17db47800782d8721bd8b0db.pdf&quot;&gt;http://cop.health-rights.org/files/c/1/c1fbaaeb17db47800782d8721bd8b0db.pdf&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;5 Firefox Add Ons To Increase Webpage Readability&lt;br /&gt;&lt;a href=&quot;http://zoomzum.com/5-firefox-add-ons-to-increase-webpage-readability/&quot;&gt;http://zoomzum.com/5-firefox-add-ons-to-increase-webpage-readability/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/9052522087743031354/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/9052522087743031354' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/9052522087743031354'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/9052522087743031354'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2012/12/w3c.html' title='情報の読みやすさシンポジウム(W3C) '/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaeMaRN9reeR5VEKR0ZFkSZzHKWAvB1XR6mySrLCshT9m2b_7R_XKwFobOeWa4FTNBMIcRL-8pkcVmRAJXKxdj0E3qEHVldBUxm5q2msd3lht_Aw5CJ9VyG7HsU_4MsZDj_RWloWkHL6Nb/s72-c/Readability_edited-1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3718474166682176578.post-7779240686171369573</id><published>2012-12-05T07:50:00.002+09:00</published><updated>2012-12-12T09:38:46.411+09:00</updated><title type='text'>HTML5 Accessibility </title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;a href=&quot;http://html5accessibility.com/&quot;&gt;html5 accessibility&lt;/a&gt;&amp;nbsp;によると、HTML5 のアクセシビリティ対応状況は、おおざっぱにこんな風になっているらしい。Windows では Firefox+NVDA がベストな組み合わせになっているのが要因だろう。Internet Explorer も思いのほかがんばっていると思う。SafariのMac版が良い理由はなぜでしょうね。&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO2YYXlgV38ZrNlCUY28MbzLWC6S5RrgWT-jnlJ66xuImJll5hbO0UrOMh5cCyGqa7KDoOac_Q-vICv4SrNIlJqxevL6Bp0SrmBlPanvJBE3UQ-rkK3Jb1Dsb5ZcKvYx4MWpQXA8KyGLjE/s1600/HTML5+accessibility+++September+2012.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;275&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO2YYXlgV38ZrNlCUY28MbzLWC6S5RrgWT-jnlJ66xuImJll5hbO0UrOMh5cCyGqa7KDoOac_Q-vICv4SrNIlJqxevL6Bp0SrmBlPanvJBE3UQ-rkK3Jb1Dsb5ZcKvYx4MWpQXA8KyGLjE/s400/HTML5+accessibility+++September+2012.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://html5accessibility.com/&quot; style=&quot;font-size: medium; text-align: left;&quot;&gt;html5 accessibility&lt;/a&gt;&amp;nbsp;の画面キャプチャ&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://accessibletechnologytrends.blogspot.com/feeds/7779240686171369573/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/3718474166682176578/7779240686171369573' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/7779240686171369573'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3718474166682176578/posts/default/7779240686171369573'/><link rel='alternate' type='text/html' href='http://accessibletechnologytrends.blogspot.com/2012/12/blog-post.html' title='HTML5 Accessibility '/><author><name>ume3jan</name><uri>http://www.blogger.com/profile/07040133160224536605</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO2YYXlgV38ZrNlCUY28MbzLWC6S5RrgWT-jnlJ66xuImJll5hbO0UrOMh5cCyGqa7KDoOac_Q-vICv4SrNIlJqxevL6Bp0SrmBlPanvJBE3UQ-rkK3Jb1Dsb5ZcKvYx4MWpQXA8KyGLjE/s72-c/HTML5+accessibility+++September+2012.png" height="72" width="72"/><thr:total>0</thr:total></entry></feed>