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

~アクセシブルなフォームのマークアップ~
3
SAWADA STANDARD DESIGN @SawadaStdDesign

本日のスライド資料を公開しました。第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」フォーム作成時のアクセシビリティ的に気を付けておきたいポイントを解説してます。 #d2draft slideshare.net/nozomisawada96…

2015-06-22 01:18:18
SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft 今回は時間を大幅にオーバーしてしまい、ゴメンなさいでした m(_ _)m。でもその分充実度の高い勉強会ができたんではないかなと。 (腰も大丈夫

2015-06-21 23:23:19
菱川拓郎 @HissyNC

#d2draft アクセシビリティ勉強会は、東京に輸出してもいいんじゃないかという話が出たが、興味ある方、講師の交通費出してくれないかしら。

2015-06-21 23:11:18
SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft 固定観念を捨てて、想像してみよう。(by みるく

2015-06-21 19:26:25
菱川拓郎 @HissyNC

みるくさんがアクセシブルなCMSテーマを作ってダメだしされたのがフォームだった。 #d2draft

2015-06-21 19:24:55
菱川拓郎 @HissyNC

「※」は「こめじるし」と読み上げてくれるので、まあニュアンスは伝わりそうな気もする(もちろん推奨はされないが) #d2draft

2015-06-21 19:17:32
SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft グループB、placeholder属性だけではPC-TalkerとNVDAに不具合があるので、title属性をプラス。

2015-06-21 18:14:05
菱川拓郎 @HissyNC

アクセシビリティ・サポーテッド(AS)情報 waic.jp/docs/jis2010/a… でも、ARIAについては網羅できていない。今後の課題とのこと #d2draft

2015-06-21 16:21:27
菱川拓郎 @HissyNC

WCAG 2.0の日本語訳の訳語が変わった議論は、どこかで公開されていて参照可能なのだろうか。。 #d2draft

2015-06-21 16:03:14
菱川拓郎 @HissyNC

割と、澤田さんの説明に近いサンプルがありました oaa-accessibility.org/examplep/check… #d2draft

2015-06-21 15:52:24
菱川拓郎 @HissyNC

PC-Talker が fieldset 要素内の legend などを読み上げてくれないので、現時点では fieldset は使えないという判断に。 #d2draft

2015-06-21 15:38:01
sponge design @sponge_design

ボタンラベルが白抜き文字のときは背景色も必ず同時に指定する。背景が画像の場合、文字を拡大したときにも読めるように #d2draft

2015-06-21 15:37:55
DJ Kazu @dj_kazu1

area-required 知らなかった #d2draft

2015-06-21 15:29:13
みるく/milk @milk54

@SawadaStdDesign さんからアクセシブルなマークアップ例の説明 その1 #d2draft

2015-06-21 15:29:01
SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft グループAはaria-requiredを入れてきた。

2015-06-21 15:09:00
SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft グループCから発表。css間に合わんかったけど、改行は気にしてみた。

2015-06-21 14:54:48
SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft まずは30分でお問い合せフォームを作る!(えっ

2015-06-21 13:54:03