CSS Nite in Okinawa, vol.11

Web制作者向けのセミナーイベント「CSS Nite in Okinawa, vol.11」を、2020年2月29日[土]に沖縄県立博物館・美術館(おきみゅー)で開催しました。 https://webrex.okinawa/cssnite/vol11/ -Session 1- 「案」を通すためのチカラ(発想と提案、プレゼン) 続きを読む
0
CSS Nite in Okinawa @CSSNiteOKINAWA

【参考】 過去に提訴されたことがある企業・団体の例 ディズニー、アップル、アマゾン、ネットフリックス、トイザらス、ドミノピザ、MLB、NBA、バンク・オブ・アメリカ… #cssnite #cssnite_okinawa

2020-02-29 15:01:57
CSS Nite in Okinawa @CSSNiteOKINAWA

スクリーンリーダーとは? 会場の認知度は半分以上、でした。 #cssnite #cssnite_okinawa

2020-02-29 15:06:07
CSS Nite in Okinawa @CSSNiteOKINAWA

iPhoneに入っているスクリーンリーダー「VoiceOver」 #cssnite #cssnite_okinawa

2020-02-29 15:20:03
CSS Nite in Okinawa @CSSNiteOKINAWA

スポンサー(仮想)による変なCMタイム… #cssnite #cssnite_okinawa

2020-02-29 15:21:51
NAKAMATSU. @6haru____

#アクセシビリティ 10位 色の違いが、わからない 9位 キーボードの操作が悪い 8位 リンクテキストがわからない 7位 ナビゲーションがわからない 6位 フォームコントロールにラベルがない 5位 キーボードごフォーカスされない 4位 キーボード操作ができない #cssnite_okinawa

2020-02-29 15:27:10
NAKAMATSU. @6haru____

3位 見出しがマークアップされていない 2位 文字色,背景色のコントラスト比 1位 画像の代替テキストがない #見出しはみだしなみ。 ラベル説明文 aia-described your

2020-02-29 15:45:45
CSS Nite in Okinawa @CSSNiteOKINAWA

フォームのデザインパターンにオススメの一冊 『Form Design Patterns』著者:アダム・シルヴァー/監訳:土屋一彦 borndigital.co.jp/book/16354.html #cssnite #cssnite_okinawa

2020-02-29 15:31:54
CSS Nite in Okinawa @CSSNiteOKINAWA

【参考】 ウェブ制作に活かすユニバーサルデザインの視点 press.mjmj.co/2019/12/univer… #cssnite #cssnite_okinawa

2020-02-29 15:37:36
CSS Nite in Okinawa @CSSNiteOKINAWA

#アクセシビリティ あるあるランキング2019 第一位は… 「画像の代替テキストが適切ではない」 #cssnite #cssnite_okinawa

2020-02-29 15:39:51
CSS Nite in Okinawa @CSSNiteOKINAWA

画像リンクとテキストリンクが隣接している場合、スクリーンリーダーだとaltの読み上げとテキストの読み上げで、リンクフォーカスも読み上げも2回ずつになってしまう。そこで1つのリンク(a要素)にまとめる(alt="")にすることでスマートに。 #cssnite #cssnite_okinawa

2020-02-29 15:44:41
CSS Nite in Okinawa @CSSNiteOKINAWA

#アクセシビリティ 金言「アクセシビリティは対応するものではなく、高めていくもの」😋 #cssnite #cssnite_okinawa

2020-02-29 15:49:05
NAKAMATSU. @6haru____

辻ちゃん・ウエちゃんのYouTubeチャンネル開設予定

2020-02-29 15:52:21
いくさん @kumi_1120

アクセシビリティあるあるランキング2019 アクセシビリティについてちゃんと話聞くの初めてだったし読み上げソフトも初めて聞いたので目から鱗だった😳 新聞読めなくてもwebサイトは読める。 見た目の美しさばかりじゃなくコンテンツに役割もしっかり考えたいな。。 #cssnite_okinawa pic.twitter.com/2DQyX2CApJ

2020-02-29 16:13:37
拡大

#Session 3
「わかりやすく伝える」ための書体選び

CSS Nite in Okinawa @CSSNiteOKINAWA

セッション3は佐野 実生さん( @sanomio1016 )による 「わかりやすく伝える」ための書体選び、です。提案資料、案内掲示、教科書、作品タイトルなど、デザインの中で重要な役割を担う書体を「わかりやすく伝える」には、どんな観点で選べばいいのかを考えます。 #cssnite #cssnite_okinawa

2020-02-29 16:16:01
CSS Nite in Okinawa @CSSNiteOKINAWA

「この書体はいい!」と一概には言えないが、向き不向きはある。 #cssnite #cssnite_okinawa

2020-02-29 16:18:51
CSS Nite in Okinawa @CSSNiteOKINAWA

「モコモコしてかわいい」という意見もあるらしい…? twitter.com/loser_88/statu… #古印体 #cssnite #cssnite_okinawa

2020-02-29 16:20:20
はづき @loser_88

さくらんぼ届いたんだけど、人食い鬼の感想にしか見えない。が、古印体は一般的に「モコモコして可愛い」という印象だというものな…マジでか……。 pic.twitter.com/zCj5t1v0hC

2018-06-20 16:42:08
CSS Nite in Okinawa @CSSNiteOKINAWA

雪塩はなぜこの書体を選んだのか…? モコモコ=雪? 印鑑書体=歴史? #古印体 #cssnite #cssnite_okinawa

2020-02-29 16:21:15