第2回 D2D アクセシビリティ勉強会

マウスが使えなかったらどうなる?を体験すべく、キーボード操作のみでのツイート!いろんな発見がありました。
5
SAWADA STANDARD DESIGN @SawadaStdDesign

自分の稚拙な説明(念仏)に長時間お付き合いいただいて本当にありがとうございました!勉強になる質問もありがとうございました! 関西(岡山もね)をアクセシブルにしていきましょう! #d2draft

2014-09-27 20:46:03
北山ともこ @tomochiisan

#d2draft 澤田さん、ありがとうございました!

2014-09-27 18:11:58
北山ともこ @tomochiisan

#d2draft 帰り際にどなたかが話してたキーボード操作ができるサイトには、だいたいクエスチョンマークのヘルプがあるというお話も、とっても参考になりました。

2014-09-27 18:10:00
Junnama Noda @junnama

色々ヒントもらいました。作成中のソフトウェアにも、反映できる箇所がありました(ちょっと修正しようと思ったけどキーボード縛りがw #d2draft

2014-09-27 17:58:31
こざる🙈 @kozaru_kodera

facebookページでshift + ? でショートカット一覧がでる。 #d2draft

2014-09-27 17:51:34
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

HTML5の仕様案では、単純に表の前にpタグ(もちろんhタグでもよかろう)を用いて表の要約を記述する例が紹介されている。また当該要約文のタグとtableをwai-ariaのaria-describedby属性を用いて明示的に関連付けることもできる。 #d2draft

2014-09-27 17:34:13
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

一切ポインティングデバイスを用いずにブラウジングをしながら、tableに要約を載せる方法を調べる。summary属性はPC-Talkerで実装されておらず、またHTML5では仕様案に含まれていない。利用には注意が必要である。 #d2draft

2014-09-27 17:29:14
つぶやきナターシャ @twit_natasha

・達成基準のチェックリスト→JISのリスト ・実装方法一覧→WAICのサイト をチェック #d2draft

2014-09-27 17:03:48
北山ともこ @tomochiisan

#d2draft 持田さんすごいなぁ。自分から話できて、理論的だ。

2014-09-27 16:55:11
kanetei🚲🚲🚲🚲🚲 @kanetei

コーディングのガイドラインと同様に、アクセシビリティーも対応するブラウザを決めて実装方法を選ぶべき #d2draft

2014-09-27 16:54:01
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

「すべての非テキストコンテンツには、拡大印刷、点字、音声、シンボル、平易な言葉などの利用者が必要とする形式に変換できるように、代替テキストを提供する。」 - ウェブ・コンテンツ・アクセシビリティ・ガイドライン2.0 waic.jp/docs/WCAG20/Ov… #d2draft

2014-09-27 16:23:49
こざる🙈 @kozaru_kodera

休憩終わって、アクセシビリティ実装の手順から #d2draft

2014-09-27 16:18:08
kanetei🚲🚲🚲🚲🚲 @kanetei

Facebookも ? 押すとキーボードショートカットの説明が出ますね。元々Gmailが始まりだったような > ? で説明表示 #d2draft

2014-09-27 16:16:31
セルジオピクトロン @pictron2009

アクセスビリティ、なにより日本語が難しい #d2draft

2014-09-27 16:15:58
SAWADA STANDARD DESIGN @SawadaStdDesign

ハッシュタグ #d2draft で呟いていただいてます〜

2014-09-27 16:08:05
つぶやきナターシャ @twit_natasha

アクセシビリティ・サポーテッド(AS)情報 具体的にコーディング・実装方法を検証し達成可能かどうかテストすることができる。#d2draft

2014-09-27 15:55:06
kanetei🚲🚲🚲🚲🚲 @kanetei

Twitterは ? キーを押したらキーボードショートカット一覧が出ますよ #d2draft

2014-09-27 15:50:06
つぶやきナターシャ @twit_natasha

・WCAG2.0--更新頻度が低い、抽象的[ガイドラインー達成基準(検証判断可能)] ・WCAG2.0解説書(Understanding)--具体的に理解しやすい。定期的に追加更新される。 ・WCAG2.0実装方法集--具体的にコーディングなど ーー ・AS情報 #d2draft

2014-09-27 15:46:45
深沢幸治郎|ウェブデザイナー・UIデザイナー @kojirofukazawa

Chromeのアドレスバー(検索にも用いる)をポインティングデバイスを使わずにハイライトするには「⌘+L」(Mac) #d2draft

2014-09-27 15:46:35
北山ともこ @tomochiisan

#d2draft 澤田さんは優しそうな人だなぁ。

2014-09-27 15:38:19
セルジオピクトロン @pictron2009

キーボードだけでマックを操作するしばりでアクセスビリティ実験中 #d2draft

2014-09-27 15:37:38