第一回、第二回に引き続き、WCAGもくもく会を開催しました。今回もご参加いただいた方、お手伝い頂いた方、ありがとうございました。
イベントの詳細はconnpassのイベントページを見てください。また当日のイベントのつぶやきを本記事の末尾にまとめています。
今回はインフォアクシアの植木さんからの持ち込み企画で、WCAG2.0ではなくワーキングドラフトの2.1で追加が検討されている項目をもくもくしました。まだ日本語訳どころかUNDERSTANDINGも無いのでかなり難易度が高い会になりました。ただ、やはり新しく追加される可能性がある項目に関してはみなさん注目されているのか、今回もたくさんの方にご参加いただきました。ありがとうございました。
事前に新規項目に関する翻訳とそれまでのGitHub上の議論が追いやすくなる資料を作成いただいた @yomochanさんありがとうございました!機械翻訳とはいえ、大変な作業かと思います。本当にありがとうございました。
作成いただいた資料はWD-WCAG21-20170912(機械翻訳)です。また追って見直すときにも大変参考になると思います。
次回は、11月に別のイベントをやりますので年内にあと一回やれるといいなあ、ぐらいに思っています。第一回、第二回と同じようにガイドライン毎に読むのもいいですし、少しテーマを設けて(例えばライティングに関係する達成基準を読むとか)みても面白いかなと思っていますが、まだ何も決まっていないので、リクエストがあれば #a11ymoku2 のハッシュタグでつぶやくか、個別にご連絡いただいても構いませんのでよろしくお願いします。
それではまた次回お会いしましょう。
ツイートのまとめ
新作Tシャツでてた suzuri.jp/masuP9/869826/... #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 10:13:01 +0000 2017
来てますが、全てが革新的なアイフォーンだけでは読むのに厳しさがある/WCAGもくもく会 #3 ca11y.connpass.com/event/67061/ #a11ymoku2
— 越智(@o_ti)Tue Oct 10 10:17:13 +0000 2017
[PR:求人]サイバーエージェントはアクセシビリティをやりたい方の応募をお待ちしています。
— izuizu@みょうが(@izuizu)Tue Oct 10 10:20:45 +0000 2017
#a11ymoku2
こちらを読んでます。 #a11ymoku2 twitter.com/mlca11y/status...
— みるく/milk(@milk54)Tue Oct 10 10:22:20 +0000 2017
もんどさんだのみ!
— 柴田宣史(@sbtnbfm)Tue Oct 10 10:23:11 +0000 2017
#a11ymoku2
予習されていると紹介されてますが、残念ながら何も予習してません #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:23:32 +0000 2017
マサカリは飛んでこない!!! #a11ymoku2
— ゆかこさん🍻(@becyn)Tue Oct 10 10:24:02 +0000 2017
まさかりは飛んできません #a11ymoku2
— izuizu@みょうが(@izuizu)Tue Oct 10 10:24:10 +0000 2017
WCAG 2.1を読んでわからないことがあったら #a11ymoku2 にツイートすると @momdo_ さんがなんでも教えてくれるらしい。
— 水無月ばけら(@bakera)Tue Oct 10 10:24:28 +0000 2017
無茶振りやめて twitter.com/bakera/status/... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:24:47 +0000 2017
遅刻してますが向かっています #a11ymoku2
— emi moriya(@emim)Tue Oct 10 10:25:14 +0000 2017
お水飲み放題 #a11ymoku2
— izuizu@みょうが(@izuizu)Tue Oct 10 10:26:18 +0000 2017
基調講演
— izuizu@みょうが(@izuizu)Tue Oct 10 10:28:53 +0000 2017
きゃー!うえきさーーーーん!
#a11ymoku2 pic.twitter.com/jsPK7YGyzv
ショボいUnderstandingの下書き 絶対こんな説明じゃわかんないよ! #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:30:14 +0000 2017
四方田おにいさんによるスプレッドシート docs.google.com/spreadsheets/d... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:32:11 +0000 2017
@momdo_ まだ書き始めたとこなので許してあげて :-) #a11ymoku2
— MakotoUEKI(@makoto_ueki)Tue Oct 10 10:36:53 +0000 2017
アクセシビリティの情報サイトAccSellでガヤ担当のいずいずです accsell.net #a11ymoku2
— izuizu@みょうが(@izuizu)Tue Oct 10 10:37:32 +0000 2017
@makoto_ueki 書き始めなら仕方ない...
— もんど(@momdo_)Tue Oct 10 10:37:59 +0000 2017
株式会社まぼろしでフロントエンドをデベラップしてる伊藤です。TKGをよく食べてます。ツイッターではよくタイポしてます。 #a11ymoku2
— 越智(@o_ti)Tue Oct 10 10:38:20 +0000 2017
自己紹介: WAIC の翻訳WGの主査をやっています。よろしくお願いします。 (こういうのでいいのかしら?) #a11ymoku2
— 水無月ばけら(@bakera)Tue Oct 10 10:38:37 +0000 2017
前回も受付やっていました、いいだゆかこと申します!2回目の参加で、まだまだ勉強中ですが、何卒みなさんよろしくお願いいたします〜〜ヽ(´ー`)ノ #a11ymoku2
— ゆかこさん🍻(@becyn)Tue Oct 10 10:38:52 +0000 2017
WAIC 翻訳WGのにぎやかしです #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:39:00 +0000 2017
#a11ymoku2 植木さんよりカナダ土産をいただきました、ありがとうございます!
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 10:39:02 +0000 2017
そういう役目ではないです #a11ymoku2
— 澤田スタンダードデザイン(@SawadaStdDesign)Tue Oct 10 10:39:27 +0000 2017
conventional form fields、これ多分HTML仕様から持ってきたんだろうけど、仕様から持ってきたって書けよと(何に使うんだこれ #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:40:15 +0000 2017
株式会社チームスピリットで腹筋ローラーを転がしてます腹筋ローラーです。たまにHTML/CSS/JSかいています。よろしくお願いします。 #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 10:40:32 +0000 2017
受付2の ときまりです。アクセシビリティ初心者で英語苦手です!よろしくおねがいします! #a11ymoku2
— ときまりり。(@tokimariri)Tue Oct 10 10:40:35 +0000 2017
シングルAから読み始めようと思います。
— 時代工房(@jidaikobo)Tue Oct 10 10:40:56 +0000 2017
#a11ymoku2
もってきてるのは多分この辺 w3.org/TR/html51/sec-... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:42:09 +0000 2017
2.4.12アクセス可能な名前
— izuizu@みょうが(@izuizu)Tue Oct 10 10:42:14 +0000 2017
って日本語の読解からスタートします
w3.org/TR/2017/WD-WCA...
#a11ymoku2
conventionalふにゃふにゃはUAAG的な範疇ではないのかしら #a11ymoku2
— Masataka Yakura(@myakura)Tue Oct 10 10:42:54 +0000 2017
MDNに互換性情報が何にもないぞ developer.mozilla.org/en-US/docs/Web... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:44:00 +0000 2017
ウェブディレクタです。最近は官公庁とかのウェブサイトを作ることが多いです。まずは、A、AAからはじめます。 #a11ymoku2
— たかこ(@ta_ka_ko_)Tue Oct 10 10:44:24 +0000 2017
植木さんからのカナダ土産のキャンディ、おいしいです(๑´ڡ`๑) ありがとうございますー! #a11ymoku2
— ゆかこさん🍻(@becyn)Tue Oct 10 10:44:34 +0000 2017
Success Criterion 1.4.14 Content on Hover or Focus これは例えばツールチップのようなものについてかな #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 10:44:44 +0000 2017
21増えるうち、6つがA、11がAA、4つがAAAですね。
— 時代工房(@jidaikobo)Tue Oct 10 10:45:00 +0000 2017
#a11ymoku2
なるほどわからん... caniuse.com/#feat=input-au... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:45:06 +0000 2017
ホントにみんなもくもくと読む会なんですね :-) #a11ymoku2
— MakotoUEKI(@makoto_ueki)Tue Oct 10 10:45:31 +0000 2017
本日はエイゴカイ...!! // 第三回目は WCAG2.1 の Working Draft(WD-WCAG21-20170912)で追加が提案されている達成基準を読みます。w3.org/TR/2017/WD-WCA... #a11ymoku2
— ゆかこさん🍻(@becyn)Tue Oct 10 10:46:25 +0000 2017
3秒以上ある動画、再生停止する機能かミュートする機能が必要なの、Level Aなんだな。/w3.org/TR/2017/WD-WCA... #a11ymoku2
— 越智(@o_ti)Tue Oct 10 10:47:27 +0000 2017
オフトピですが、新しい達成基準の提案をするも、おめーの提出遅いから!と言う理由で一蹴された屍がこちら github.com/w3c/wcag21/iss... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:47:37 +0000 2017
「お問い合わせはこちらをクリック!」って書いているボタンとかリンクとかのソースにも同じ「お問い合わせはこちらをクリック!」文字をいれろよ!っていうことかしら?
— izuizu@みょうが(@izuizu)Tue Oct 10 10:47:51 +0000 2017
2.4.12 Accessible Name
w3.org/TR/2017/WD-WCA...
#a11ymoku2
#a11ymoku2 遅れました。主催のますぴーです。SBYでフロントエンドを開発しています。
— ます🅿️(@masuP9)Tue Oct 10 10:48:12 +0000 2017
conventional buttons or controlsとかこんなのぶっ込まれたら翻訳の同期で爆死しそう #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:50:05 +0000 2017
このページ概要つかみやすかった What's new in the First Public Working Draft (FPWD) of WCAG 2.1. davidmacd.com/blog/wcag-2.1-... #a11ymoku2
— iroihs(@dummyAccount_01)Tue Oct 10 10:51:05 +0000 2017
BGMが泣ける #a11ymoku2
— izuizu@みょうが(@izuizu)Tue Oct 10 10:51:37 +0000 2017
2.2.6 Accessible Authentication
— 時代工房(@jidaikobo)Tue Oct 10 10:52:15 +0000 2017
2.2なので「操作可能」の「十分な時間」ですね。
#a11ymoku2
WCAG 2.1草案へのコメント | アクセシビリティBlog | ミツエーリンクス
— ます🅿️(@masuP9)Tue Oct 10 10:55:57 +0000 2017
mitsue.co.jp/knowledge/blog...
#a11ymoku2
次は
— izuizu@みょうが(@izuizu)Tue Oct 10 10:56:41 +0000 2017
達成基準1.4.13テキストの適合
をみてみる!
w3.org/TR/2017/WD-WCA...
#a11ymoku2
>tooltips created through use of the HTML title attribute. えっ #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:57:06 +0000 2017
これなんかその、モバイルのこと考えてるのみたいな... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:58:34 +0000 2017
1.4.14 Content on Hover or Focus w3.org/TR/2017/WD-WCA... この1つ目のNOTE #a11ymoku2
— もんど(@momdo_)Tue Oct 10 10:58:59 +0000 2017
初っ端から分からんすぎるな #a11ymoku2
— ます🅿️(@masuP9)Tue Oct 10 10:59:07 +0000 2017
SC 1.4.13 Adapting Text w3.org/TR/2017/WD-WCA... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:00:57 +0000 2017
「Spacing underneath paragraphs to at least 2 times the font size;」
— izuizu@みょうが(@izuizu)Tue Oct 10 11:01:34 +0000 2017
え?え?ほとんどのブラウザーのデフォCSSは、1emぐらいじゃない?いま。
自分たちでCSSを書... twitter.com/i/web/status/9...
>Spacing underneath paragraphs to at least 2 times the font size; とかあるけど、これ本当に言語非依存でいえるの?日本語だと文字2つ下げろとかならない? #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:02:13 +0000 2017
仕事に関係しそうなのから読む #a11ymoku2
— emi moriya(@emim)Tue Oct 10 11:02:23 +0000 2017
>Word spacing to at least 0.16 times the font size. 分かち書きしない言語だってあるのでは #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:03:26 +0000 2017
word-spacingとletter-spacingの違いを確認してみるところ(恥) #a11ymoku2
— izuizu@みょうが(@izuizu)Tue Oct 10 11:03:28 +0000 2017
2.2.8はたとえばタイムセールとかで「あと◯分以内に買いなよー」みたいなの出してねってことかしらね #a11ymoku2
— Masataka Yakura(@myakura)Tue Oct 10 11:03:29 +0000 2017
まあ、日本語の読みやすさに言及した論文とか知らんから何も言えない(英語でもそんなのあるのかどうか知らない) #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:04:16 +0000 2017
(あんまり深く考えずに適当に書いてるから間違ってることがあるし、だいたい間違ってると思う #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:05:47 +0000 2017
davidmacd.com/blog/wcag-2.1-... との表現の違いに翻弄されるオッサン #a11ymoku2
— 澤田スタンダードデザイン(@SawadaStdDesign)Tue Oct 10 11:06:25 +0000 2017
"Webaimの調査によると、低視力ユーザーの25%は倍率を400%以上にしており、これはスクリーンリーダーユーザーの合計数より多い (300%以上は42%)"
— ときまりり。(@tokimariri)Tue Oct 10 11:06:32 +0000 2017
github.com/w3c/wcag21/iss...
400%・・(´;ω;`)ブワッ
#a11ymoku2
2.2.6 の例外。social security numberって、みんな覚えてるもんなの?
— 時代工房(@jidaikobo)Tue Oct 10 11:08:51 +0000 2017
#a11ymoku2
非本質的なアニメーションを切ってもアクションは実行されること?google翻訳ででてきた「非本質的アニメーション」つよい w3.org/TR/2017/WD-WCA... #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:10:09 +0000 2017
1.4.13 Adapting Text(テキストの適応)
— izuizu@みょうが(@izuizu)Tue Oct 10 11:10:26 +0000 2017
は、Aでもいいんじゃないかぐらいに個人的には思っているけれど、AAなのにはなんか理由があるんかな。。。
#a11ymoku2
そもそもアニメーション切れる機能が提供されていることのほうが少なそう... #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:11:11 +0000 2017
2.2.6 アクセシブルな認証
— 時代工房(@jidaikobo)Tue Oct 10 11:11:38 +0000 2017
記憶障害に配慮するという大枠はわかったけど、いまいちピンとこないままなので、2.4.11に進む。
#a11ymoku2
2.4.11 Character key shortcuts
— 時代工房(@jidaikobo)Tue Oct 10 11:12:53 +0000 2017
2.4なので、「操作可能」の「ナビゲーション可能」ですね。枝番が10が最高だったのが11になりますね。
#a11ymoku2
2.2.6 Accessible Authentication 記憶に障害がある方への配慮みたいですが、具体的な実装方法がよくわからないです。 #a11ymoku2
— たかこ(@ta_ka_ko_)Tue Oct 10 11:13:25 +0000 2017
エッセンシャルってシャンプーの商品名だと思っていてすいません。すいません。 #a11ymoku2
— izuizu@みょうが(@izuizu)Tue Oct 10 11:13:29 +0000 2017
この辺、紙のフォーマットをそのまま再現せよ的なコンテンツ側の要件あるとぶつかってアレしそう。/w3.org/TR/2017/WD-WCA... #a11ymoku2
— 越智(@o_ti)Tue Oct 10 11:14:29 +0000 2017
なんだろう、英語力のせいで(読み)進まない #a11ymoku2
— emi moriya(@emim)Tue Oct 10 11:15:00 +0000 2017
Guideline 2.5 Pointer Accessible ここでいうポインターってなんだ( #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:15:06 +0000 2017
@momdo_ なりそうですね。
— みるく/milk(@milk54)Tue Oct 10 11:17:03 +0000 2017
2.2.9インタラクションからのアニメーション
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:17:09 +0000 2017
スクロールアニメーションにより前庭障害、平衡感覚を害し、頭痛や吐き気を催すことがある。
#a11ymoku2
2.5.4、文中のリンクも対象なのか... #a11ymoku2
— Masataka Yakura(@myakura)Tue Oct 10 11:17:54 +0000 2017
パララックスやスクロールがトリガーで要素が動くようなアニメーションに対して注意が書かれているっぽい github.com/w3c/wcag21/iss... #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:18:11 +0000 2017
2.5.3 Target Sizeのat least 44 by 44 CSS pixelsってどっから出てきたんだ... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:18:12 +0000 2017
キーボードショートカットを提供するときにctrlやcmdなどの修飾キーでなく、文字キーだけにするのはNG。こういう場合は、機能を切ることができるようにするか、カスタマイズ可能にするべき。
— 時代工房(@jidaikobo)Tue Oct 10 11:18:34 +0000 2017
面白いのは、これは音声入力をしている人の操作を阻害するから。
#a11ymoku2
ざっとだけど全部読めた。 #a11ymoku2
— みるく/milk(@milk54)Tue Oct 10 11:18:35 +0000 2017
雑にいってしまうと、Webみてて酔うってことかな #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:18:50 +0000 2017
イベントページのリンクミス(1.4.12)を修正 #a11ymoku2
— ます🅿️(@masuP9)Tue Oct 10 11:20:10 +0000 2017
2.5.1 Pointer gestures
— 時代工房(@jidaikobo)Tue Oct 10 11:20:24 +0000 2017
2系なので、「操作可能」でも2.5は、Pointer Accessibleという新しいガイドラインですね。
#a11ymoku2
メディアクエリでアニメーションを防止するってどんな実装だろ #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:21:03 +0000 2017
44/96インチ≒11.6mm #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:21:07 +0000 2017
2.4.12 Accessible Name
— izuizu@みょうが(@izuizu)Tue Oct 10 11:21:14 +0000 2017
のNOTEの
「テキスト文字列の先頭にテキスト文字列を配置することをお勧めします。」
っていうのは、数字とか記号はあかんよ、ってことなしらん?
#a11ymoku2 #a11ymoku2
パララックスってどこに書いてあるのん #a11ymoku2
— 澤田スタンダードデザイン(@SawadaStdDesign)Tue Oct 10 11:21:18 +0000 2017
イベントページの漏れ(2.5.3)を修正 #a11ymoku2
— ます🅿️(@masuP9)Tue Oct 10 11:22:02 +0000 2017
デバイスセンサーってなに? #a11ymoku2
— izuizu@みょうが(@izuizu)Tue Oct 10 11:22:49 +0000 2017
2.5 Pointer Accessible。
— 時代工房(@jidaikobo)Tue Oct 10 11:22:51 +0000 2017
アクセシビリティの文脈はキーボード重視の世界だったと思うけど、タッチデバイスみたいなんが障害のある利用者の中に浸透してきたということでしょうか。
#a11ymoku2
「...Media Queryでprefers-reduced-motionという値がサポートされました。これにより、端末の設定で視差効果を減らす設定にしているユーザー向けのCSSを...」mitsue.co.jp/knowledge/blog... #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:22:52 +0000 2017
2.6.1 Device Sensors #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:23:32 +0000 2017
>All functionality of the content can be operated without requiring specific device sensor information, unless... 分からなくはないけど... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:24:00 +0000 2017
例外規定ないとつらくない? #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:24:16 +0000 2017
ページ拡大して固定ヘッダで死んだ freshlive.tv #a11ymoku2
— ます🅿️(@masuP9)Tue Oct 10 11:25:13 +0000 2017
@SawadaStdDesign こちらにあります! / If backgrounds move at a different rate to foregrounds (often termed "parallax scrolli... twitter.com/i/web/status/9...
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:25:20 +0000 2017
ふるふるとかのことらしい。ふるふるしか操作できないのはあかんよ、的な。
— izuizu@みょうが(@izuizu)Tue Oct 10 11:25:22 +0000 2017
(太田さん、植木さんによる回答)
#a11ymoku2 twitter.com/izuizu/status/...
2.6.1 Device Sensors、たとえばこういうやつですね。 #a11ymoku2 pic.twitter.com/HVBkGqbTQM
— 水無月ばけら(@bakera)Tue Oct 10 11:25:24 +0000 2017
2.5.1 Pointer gestures
— 時代工房(@jidaikobo)Tue Oct 10 11:25:39 +0000 2017
時間依存やマルチポイントでの操作が必須でないなら、時間制限がなく、シングルポイントで(指一本で)操作できるようにすること。
#a11ymoku2
@8845musign あざーす! davidmacd.com/blog/wcag-2.1-... て、そこまで加味した内容なんですな。 #a11ymoku2
— 澤田スタンダードデザイン(@SawadaStdDesign)Tue Oct 10 11:26:49 +0000 2017
Understanding、ぐだぐだですね。
— 時代工房(@jidaikobo)Tue Oct 10 11:26:51 +0000 2017
#a11ymoku2
@jidaikobo twitter.com/makoto_ueki/st...
— もんど(@momdo_)Tue Oct 10 11:27:23 +0000 2017
2.4.11 Character Key Shortcuts キーボードショートカット機能をオフにしたり、置き換えたりできるようにするっていうのは、その意義はわかる。けれど技術的なところはどうやるのか知らないな。。。 #a11ymoku2
— たかこ(@ta_ka_ko_)Tue Oct 10 11:28:01 +0000 2017
Macの設定−>アクセシビリティに視差効果を減らすオプション #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:28:20 +0000 2017
2.5.5 Accidental Activation「うっかり有効化」
— 時代工房(@jidaikobo)Tue Oct 10 11:28:25 +0000 2017
2.5なので、「操作可能」「Pointer Accessible」。
#a11ymoku2
「ポインター」は「指」(なのか #a11ymoku2
— 澤田スタンダードデザイン(@SawadaStdDesign)Tue Oct 10 11:29:34 +0000 2017
なんと 2.5.5 存在しない。
— 時代工房(@jidaikobo)Tue Oct 10 11:31:17 +0000 2017
w3.org/TR/2017/WD-WCA...
issueはある。
github.com/w3c/wcag21/iss...
#a11ymoku2
@SawadaStdDesign thumb pointer middle ring pinkyだけど、かならずしもユビではないでしょうね。
— 時代工房(@jidaikobo)Tue Oct 10 11:32:27 +0000 2017
#a11ymoku2
2.5.5じゃなくって、3.2.6らしい。
— 時代工房(@jidaikobo)Tue Oct 10 11:33:52 +0000 2017
w3.org/TR/2017/WD-WCA...
davidmacd.com/blog/wcag-2.1-...
が違ってるんですね。
#a11ymoku2
気を取り直して、3.2.6 Accidental Activation
— 時代工房(@jidaikobo)Tue Oct 10 11:34:54 +0000 2017
3.2なので「理解可能」「予測可能」の文脈ですね。
#a11ymoku2
マウスとかでぺろーんと出たやつを勝手にもとに戻したらあかん、ということかしら?
— izuizu@みょうが(@izuizu)Tue Oct 10 11:37:34 +0000 2017
たしかにプルダウンメニューは操作しづらいもんな。ということは、プルダウンメニューはあまり使わないほうがいいよ、ってことかしら?
1.4.14 ホバーまたはフォーカスの内容
#a11ymoku2
@SawadaStdDesign これわかりやすいかもです。
— 時代工房(@jidaikobo)Tue Oct 10 11:39:26 +0000 2017
w3.org/TR/2017/WD-WCA...
#a11ymoku2
A pointer~の文こそpointerで定義すべき用語なのでは... twitter.com/jidaikobo/stat... #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:40:41 +0000 2017
音声入力で、コマンド入力のために「(一息置いて)削除!」より「ぺちゃくちゃ削除!」で入力できたほうが効率がいい。みたいな雰囲気で書いてある。そりゃそうだけど実装のハードル高そう github.com/w3c/wcag21/iss... #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:41:20 +0000 2017
イシュー読んでみる
— izuizu@みょうが(@izuizu)Tue Oct 10 11:42:27 +0000 2017
github.com/w3c/wcag21/iss...
読めば読むほど実装大変そう・・・自治体サイトとか。
#a11ymoku2 twitter.com/izuizu/status/...
@jidaikobo 「mouse cursor, pen, touch (including multi-touch), or other pointing input device」ですね。(どこから指が #a11ymoku2
— 澤田スタンダードデザイン(@SawadaStdDesign)Tue Oct 10 11:43:27 +0000 2017
よし、プルダウンメニューはなしの方向で。
— izuizu@みょうが(@izuizu)Tue Oct 10 11:44:26 +0000 2017
1.4.14ホバーまたはフォーカスの内容
#a11ymoku2
1.4.14 Content on Hover or Focus の Hover なかなかこれwww大変wwでござるよwwwww #a11ymoku2 blur で引っ込めたらアカンってことやな
— ます🅿️(@masuP9)Tue Oct 10 11:44:44 +0000 2017
絶対やるやつだw / 単一のキーに音声入力のショートカットを設定すると、マイクオフするの忘れて「Hey, Kim!」などと言うとショートカットがいくつも発動する可能性があるので #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:46:35 +0000 2017
そろそろ感想戦 #a11ymoku2
— ます🅿️(@masuP9)Tue Oct 10 11:47:36 +0000 2017
@masuP9 わかる。CSSの:hoverで表出するような実装だとNGなんだなぁ。pointerenterをトリガーするけどそのあとpointerleaveでトグルしてはいけない...... #a11ymoku2
— 越智(@o_ti)Tue Oct 10 11:47:44 +0000 2017
@masuP9 いつ引っ込めれば正解? #a11ymoku2
— 澤田スタンダードデザイン(@SawadaStdDesign)Tue Oct 10 11:48:39 +0000 2017
2.4.12 Accessible Name GitHub上の例がわかりやすい。 #a11ymoku2
— たかこ(@ta_ka_ko_)Tue Oct 10 11:49:10 +0000 2017
@SawadaStdDesign うーん、ツラい...
— ます🅿️(@masuP9)Tue Oct 10 11:49:30 +0000 2017
3.2.6はわかりやすいUnderstandingがありますね。
— 時代工房(@jidaikobo)Tue Oct 10 11:49:44 +0000 2017
w3.org/WAI/WCAG21/Und...
#a11ymoku2
マウスオーバーで出てきたものが、マウスアウトで消えるようになっていると、画面を拡大している人などがマウスポインタを動かしてスクロールさせようとしたときに読めなくなってしまう。 #a11ymoku2
— 水無月ばけら(@bakera)Tue Oct 10 11:50:45 +0000 2017
えっ、これ次の次で勧告候補にするの...? #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:50:46 +0000 2017
音声入力についての達成基準がとても面白かったです。実際に実物買って試してみたい。とともにデバイスが増えると既存の実装を見直さないといけないのを見てウッとなりました。 #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:51:29 +0000 2017
感想戦。
— たかこ(@ta_ka_ko_)Tue Oct 10 11:51:59 +0000 2017
音声入力ユーザや記憶に障害がある方への配慮っていうのが結構出てきているのかな、って思いました。#a11ymoku2
3.2.6 Accidental Activation
— 時代工房(@jidaikobo)Tue Oct 10 11:52:08 +0000 2017
マウスの例。ボタンやリンクをクリックした後、マウスのボタンを押したまま、そろそろとそこから外れたら、クリックをしなかったことにできたりすることに意味がある。
まあ、うっかり有効化を減らすための達成基準。
#a11ymoku2
3 CSS ピクセル計る定規はどこに売ってますか?(1.4.12 #a11ymoku2
— 澤田スタンダードデザイン(@SawadaStdDesign)Tue Oct 10 11:52:21 +0000 2017
こめぴーさん「コントラストの4:5:1はほんとに最小限では?」 #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:52:38 +0000 2017
感想戦という戦いが始まるの?
— 柴田宣史(@sbtnbfm)Tue Oct 10 11:52:50 +0000 2017
#a11ymoku2
最後のSC3.2.7 Change of Content のissueを読んでたら時間が尽きた😓github.com/w3c/wcag21/iss...C #a11ymoku2
— Masao YOMODA(@yomochan)Tue Oct 10 11:52:58 +0000 2017
感想)Target SizeまでいってCSS pixelsの森に迷い込みました #a11ymoku2
— emi moriya(@emim)Tue Oct 10 11:53:15 +0000 2017
知で痴を洗ってほしい。
— 柴田宣史(@sbtnbfm)Tue Oct 10 11:55:29 +0000 2017
CSSピクセルの定義(参考訳)です momdo.github.io/css3-values/#px #a11ymoku2
— もんど(@momdo_)Tue Oct 10 11:55:36 +0000 2017
「CSSピクセルは角度」???? #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 11:56:46 +0000 2017
これ勧告になったら祭がはじまるのかしら?
— izuizu@みょうが(@izuizu)Tue Oct 10 11:59:37 +0000 2017
#a11ymoku2 twitter.com/izuizu/status/...
視野角って何で検出すればいいんだ #a11ymoku2
— 越智(@o_ti)Tue Oct 10 12:00:03 +0000 2017
国内最大規模のアクセシビリティカンファレンスのお知らせ connpass.com/event/68762/ #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 12:00:10 +0000 2017
宣伝だ、宣伝だー! connpass.com/event/68762/ #a11ymoku2
— ゆかこさん🍻(@becyn)Tue Oct 10 12:00:51 +0000 2017
もくもく会は来月は今のところ予定なし(カンファレンスあるし)、年末にできたら良いかなとのこと #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 12:03:17 +0000 2017
おつかれさまでした #a11ymoku2
— もんど(@momdo_)Tue Oct 10 12:03:31 +0000 2017
お疲れ様でした #a11ymoku2
— 越智(@o_ti)Tue Oct 10 12:03:42 +0000 2017
生もんどさんに会えるイベント
— izuizu@みょうが(@izuizu)Tue Oct 10 12:03:42 +0000 2017
Japan Accessibility Conference vol.1
#a11ymoku2
遠隔地でも、ずいぶんよい刺激になりました。
— 時代工房(@jidaikobo)Tue Oct 10 12:04:11 +0000 2017
#a11ymoku2
お疲れ様でした! #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 12:06:27 +0000 2017
ツイッターの画像にaltを入れる方法 #a11ymoku2
— もりかわ(@talocohc_erion)Tue Oct 10 13:31:19 +0000 2017
これ正しくなくて、「単一のキーに音声入力のショートカットを設定すると」ではなく、「単一のキーにショートカットを設定すると」で音声入力のInputがキーボードイベントに変換されて(?)起こる不具合。 #a11ymoku2
— 腹筋ローラーの力を信じろ(@8845musign)Tue Oct 10 15:33:15 +0000 2017