AccSell Meetup #002@『アクセシビリティで総選挙』

AccSell Meetup#002 に参加したので、まとめてみました。 "2013年7月17日(水)にAccSell主催のイベント「AccSell Meetup#002」を開催します。 今回のAccSell Meetupでは「選挙」という切り口で、アクセシビリティ・チェック、そしてアクセシビリティの重要性について考えます。もちろん選挙にちなんだ(?)デモも行います。" Web: http://accsell.net/ Twitter: @AccSell_net https://twitter.com/accsell_net 続きを読む
4
Nakazawa @MarcoNakazawa

中根さんが、PDF版のマニフェストを開いたところで時間切れ。最後に植木さんから中根さんへ質問。 植木)HTMLで作成されたWebサイトでは最初に全体の構成を確認するとのことだがPDFでは? 中根)最初の数ページを確認。目次を探して全体確認。 #accsellmeetup002

2013-07-17 20:20:33
Nakazawa @MarcoNakazawa

植木)民主党がマニュフェストを複数のフォーマットで提供していることについて 中根)とても良いと思う。テキスト版は最低限必要。検索できるから。点字版はじっくり読みたいときに良い。 #accsellmeetup002

2013-07-17 20:27:50
izuizu@🍓*⋆✈︎山本和泉 @izuizu

続いて、植木さんのセッション『アクセシビリティLIVEチェック アナタならどうする?ワタクシならこうする!』 #accsellmeetup002 http://t.co/Y6wx6h0vdj

2013-07-17 20:19:13
拡大
Nakazawa @MarcoNakazawa

セッション:アクセシビリティLIVEチェック アナタならどうする?ワタクシならこうする!(植木真) "選挙に関連したウェブサイトを題材として、その場でJIS X 8341-3:2010の達成基準を満たしているかどうかをチェックします。" #accsellmeetup002

2013-07-17 20:35:21

植木さん)検証可能≠ツールでチェック可能
・テスタブル(testable)であること。
・チェックする際には下記3点の方法でチェックしている。
(1)ツール(ツールで確認できる範囲は2、3割)
(2)人間によるマニュアルチェック
 ・目視
 ・スクリーンリーダー
 ・etc…
(3)失念…

植木さん)今回使用するチェックツールの紹介
・Web Accessibility Toolbar 2012J
http://weba11y.jp/tools/wat/
・Web Developer
https://addons.mozilla.org/ja/firefox/addon/web-developer/
・カラー・コントラスト・アナライザー 2013J
http://weba11y.jp/tools/cca/

AccSell @AccSell_net

植木さん(インフォアクシア)のアクセシビリティチェック方法は、JISの達成基準ごとでなく、「見出し」「フォーム」とかの項目ごとにチェックをしているらしい #accsellmeetup002

2013-07-17 20:35:07
Nakazawa @MarcoNakazawa

植木さんは、『逆引き』という切り口でアクセシビリティをチェックされているとのこと。 例.「画像を使うときにやるべきことは何?」、「フォームで気をつけなきゃいけないのは何だっけ?」等、ウェブページを構成する要素を切り口にしてチェックしている。 #accsellmeetup002

2013-07-17 20:47:13
izuizu@🍓*⋆✈︎山本和泉 @izuizu

代替テキストが入れられる画像はCSSで背景指定にせずにちゃんと<img>で指定しようね、という話。 #accsellmeetup002

2013-07-17 20:43:46
AccSell @AccSell_net

「代替テキストが入れられる画像はCSSで背景指定にせずにちゃんと<img>で指定しようね」という話 #accsellmeetup002 http://t.co/GsMtoH6blH

2013-07-17 20:52:43
あくやん @akuyan

「一覧をみる」とか「こちら」みたいなのって、使わない方がいいってわかっててもなかなか難しいんだよね #accsellmeetup002

2013-07-17 20:47:08
あくやん @akuyan

色だけでコンテンツわけちゃいけないってほんと大事だよ…!!! #accsellmeetup002

2013-07-17 20:48:19
あくやん @akuyan

tabキーつかえないフォームはただの空欄だ #accsellmeetup002

2013-07-17 20:49:00
あくやん @akuyan

しかし説明用に見本でだしていただいてるサイトが見づらい気もする…ちゃんとしてないといけないサイトなはずなのに…PCサイトは全体的に雑多な情報が多いよね #accsellmeetup002

2013-07-17 20:52:49
あくやん @akuyan

ARIAって表現はじめてきいた。しらべよう。リッチモジュールは全体的にフラットなアクセシビリティには不向きな気がする #accsellmeetup002

2013-07-17 20:55:28

ARIA
ARIA - Accessibility | MDN
https://developer.mozilla.org/en-US/docs/Accessibility/ARIA
WAI-ARIA(日本語訳):日立のユニバーサルデザイン
http://www.hitachi.co.jp/universaldesign/ria/ajax/wai-aria/index.html

あくやん @akuyan

スマホ対応のアクセシビリティで気をつけるのは、スライドUIを使うと、音声補助のツールのジャマになってしまう場合があるらしい #accsellmeetup002

2013-07-17 20:58:01
あくやん @akuyan

スマホのアクセシビリティはまだまだ検証中。ユーザーテスト繰り返すのも大事だよねー #accsellmeetup002

2013-07-17 20:59:43

植木さん)
BBC がモバイル端末用のアクセシビリティガイドライン(ドラフット)を公開している。JISやWCAGにマッピングできる。
Mobile Accessibility Guidelines v0.8
http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile_access.shtml

モバイルのアクセシビリティに関する情報整備には時間が必要。現状、ガイドラインに落とし込めるレベルのものはない。

あくやん @akuyan

トリプルAAAの達成基準は日本ではクリアしなくていい。英語だとある程度、基準が確立されている #accsellmeetup002

2013-07-17 21:02:56
あくやん @akuyan

中等レベルの読解力って謎や…。国語の教科書とりよせても「読解力」はわかんないもんね #accsellmeetup002

2013-07-17 21:04:37
あくやん @akuyan

rem便利だけど、まだPCサイトでは使ったことないなー #accsellmeetup002

2013-07-17 21:11:48
dai nakata @dasappe

へえ。他党はどうなってんだろう。QT @MarcoNakazawa 民主党のマニフェストは、PDF版、音声版、テキスト版、白黒反転版、点字版と複数のフォーマットで掲載されている。 http://t.co/dS5Bd6GPIf #accsellmeetup002

2013-07-17 20:27:30

参議院選挙(2013年7月21日)の名簿届出政党等のマニフェスト(選挙公約)について、
各政党のWebサイト上で、どのようなフォーマットで掲載されているか、気になったので確認してみました。
なおアクセシビリティの検証は行なっていません。
記載の順序にも意味はありません(総務省の「名簿届出政党等の名称及び略称の一覧(http://www.soumu.go.jp/senkyo/23hce/index.html)」の順です)

みんなの党
URL: http://san2013.your-party.jp/agenda/
フォーマット:HTML(HTML,CSS,JavaScrpit)

民主党
URL: http://www.dpj.or.jp/policies/manifesto2013
フォーマット: PDF、音声、テキスト、白黒反転(PDF)、点字(点字プリンター用)

新党大地
参院選のマニフェストは見当たらず。

社会民主党
URL: http://www5.sdp.or.jp/policy/policy/election/2013/
フォーマット: 統合版: HTML(HTML,CSS,JavaScrpit)、PDF/ダイジェスト版: PDF、音声、白黒反転(PDF)

生活の党
URL: http://www.seikatsu1.jp/political_policy
フォーマット: HTML(HTML,CSS,JavaScrpit)、PDF

みどりの風
URL: http://mikaze.jp/news/upload/1372851421_1.pdf
フォーマット: PDF

自由民主党
URL: https://special.jimin.jp/political_promise/
フォーマット: HTML(HTML,CSS,JavaScrpit)、PDF

日本共産党
URL: http://www.jcp.or.jp/web_policy/html/2013sanin-seisaku.html
フォーマット: HTML(HTML,CSS,JavaScrpit)、PDF、白黒反転(PDF)

公明党
URL: http://www.komei.or.jp/campaign/sanin2013/manifest2013/
フォーマット: HTML(HTML,CSS,JavaScrpit)、PDF、白黒反転(PDF)

みどりの党
URL: http://greens.gr.jp/2013kokkai_info/7740/
フォーマット: HTML(HTML,CSS,JavaScrpit)、PDF

日本維新の会
URL: https://j-ishin.jp/sp2013sangiin/
フォーマット: PDF

幸福実現党
URL: http://special.hr-party.jp/policy2013/
フォーマット: HTML(HTML,CSS,JavaScrpit)、PDF、白黒反転(PDF)