オマケ会 D2D アクセシビリティ勉強会

SAWADA STANDARD DESIGN @SawadaStdDesign

今さらなんだけど、「オマケ会」じゃなくて「オマケ回」だったんじゃ... #d2draft

▲ / 2024年3月個展 @misumi_takuma

書いた 【イベントレポ】オマケ会 D2D アクセシビリティ勉強会 ～アクセシブルなCSSもやっとこう～に参加しました #d2draft blog.mismithportfolio.com/web/20151123d2d

SAWADA STANDARD DESIGN @SawadaStdDesign

本日の串カツ資料を公開しました。オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」 slideshare.net/nozomisawada96… #d2draft

SAWADA STANDARD DESIGN @SawadaStdDesign

シリーズがひと段落したばかりなのに、もう次の構想が。この勉強会のモチベーションの高さとフットワークの軽さスゴイなー。参加してホント良かった。串かつも食えたし。 #d2draft

菱川拓郎 @HissyNC

懇親会で「アクセシビリティは未来のための技術だ」と熱く確認してきました。来年も続く…かも！？ #d2draft

SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft ドメインは.netに決まり！

菱川拓郎 @HissyNC

視野を広げよう。 #d2draft

SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft ひっかけ画像が今回もまた。

SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft なんと時間内に全チーム完成！

SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft 今回は皆さん順調そう。 pic.twitter.com/jN7CJ3ZxZj

拡大

みるく/milk @milk54

皆さんもくもくと作業中。 #d2draft

SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft 3チームに分かれてCSSの制作スタート！

SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft 何とか泣かずにすみました。

菱川拓郎 @HissyNC

CSSで実装基準を満たそうとしているがなんだか微妙な例。 w3.org/TR/WCAG20-TECH… #d2draft

シマキョウスケ @shima_x_o

outline: none; はreset.cssを使ってると設定されてるから消す。 meyerweb.com/eric/tools/css… #d2draft

安田 学 / TAM inc. @Gaku0318

HTMLで実装された機能や情報や意味合いが変わってしまわないかに注意する。 #d2draft

菱川拓郎 @HissyNC

outline: none; これは未だに見かける。フォーカスが視覚的に判断できない #d2draft

菱川拓郎 @HissyNC

音声読み上げはできても、ハイコントラストモードで消える画像置換の例。 mhlw.go.jp (現在落ちてる) #d2draft

▲ / 2024年3月個展 @misumi_takuma

厚労省のサイトだ。 #d2draft

菱川拓郎 @HissyNC

最近テキストを消して背景画像を見せる手法もあまり見なくなったな #d2draft

安田 学 / TAM inc. @Gaku0318

#d2draft アクセシブルなCSSを考えるには適切なHTMLをジャマしてしまうCSSを考えてみる。

みるく/milk @milk54

これから澤田さんのアクセシブルなCSSの説明に入ります。　#d2draft

SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft みるく姐さん多数決好きすぎ

SAWADA STANDARD DESIGN @SawadaStdDesign

#d2draft 〼問題ふたたび

菱川拓郎 @HissyNC

わざわざポイントを言わない先生 #d2draft