D2D アクセシビリティ勉強会 2018年・夏　ツイートまとめ #d2draft #a11y

SAWADA STANDARD DESIGN @SawadaStdDesign

明日はBootstrap 4のアクセシビリティについてとスマホのスクリーンリーダーについて、お気軽な感じの勉強会をします！このまま余震が収まっててくれますように。 | D2D アクセシビリティ勉強会 2018年・夏 bit.ly/2MC7170 #d2draft

SAWADA STANDARD DESIGN @SawadaStdDesign

「D2D アクセシビリティ勉強会 2018年・夏」準備中 #d2draft

SAWADA STANDARD DESIGN @SawadaStdDesign

準備完了。 #d2draft pic.twitter.com/8bIlahMg03

拡大

Otsuka Yuhi @otsukayuhi

8年ぶりくらいに、十三にきた。 / D2D アクセシビリティ勉強会 2018年・夏 d2draft.doorkeeper.jp/events/74582 #d2draft

SAWADA STANDARD DESIGN @SawadaStdDesign

@spicagraph さんめっけ。 #d2draft pic.twitter.com/tbYJ6mq4JA

拡大

セルジオピクトロン @pictron2009

今日のD2Dは子連れオーケーです。#d2draft

菱川拓郎 @HissyNC

Bootstrapをアクセシビリティ目線で読み解く！ getbootstrap.com #d2draft

菱川拓郎 @HissyNC

アクセシブルであるとは？ #d2draft pic.twitter.com/5mezBoRd6Z

拡大

菱川拓郎 @HissyNC

アクセシビリティの4つの原則 #d2draft pic.twitter.com/Ug9DMsTI6o

拡大

菱川拓郎 @HissyNC

ウェブアクセシビリティ基盤委員会 waic.jp #d2draft

菱川拓郎 @HissyNC

とりあえず当面は2.0でいいとのこと #d2draft

菱川拓郎 @HissyNC

PC-Talker と NVDA がよく使われるスクリーンリーダー #d2draft

セルジオピクトロン @pictron2009

Bootstrapのrole=''alert"の重要性 #d2draft

菱川拓郎 @HissyNC

Bootstrapはaria-liveを入れてない webcreativepark.net/html/wai-aria/… #d2draft

セルジオピクトロン @pictron2009

aria属性の意味 #d2draft

菱川拓郎 @HissyNC

なんと #d2draft pic.twitter.com/mn5zjPakBx

拡大

セルジオピクトロン @pictron2009

アコーディオンのアクセスビリティ #d2draft

セルジオピクトロン @pictron2009

areaは、そのタグの役割を説明するために入力していく #d2draft

菱川拓郎 @HissyNC

わかりやすい「WAI-ARIA 1.0」仕様解説書 amzn.to/2HnmPJl #d2draft

kanetei🚲🚲🚲🚲🚲 @kanetei

W3C仕様日本語訳置き場Wiki #d2draft github.com/momdo/momdo.gi…

菱川拓郎 @HissyNC

WAI-ARIAの考え方と使い方を整理しよう slideshare.net/nozomisawada96… #d2draft

Otsuka Yuhi @otsukayuhi

デザイナーでなくも、色の知識はもってないとダメだなー #d2draft

セルジオピクトロン @pictron2009

スマホのVoiceOverをみんなで実際にさわってみる #d2draft

セルジオピクトロン @pictron2009

イスカンダルとの質疑応答 #d2draft

セルジオピクトロン @pictron2009

読み上げチェックのポイント解説 #d2draft