Noteビジネスチャット「Chatwork」のエンジニアとデザイナーのブログです。ビジネスチャット「Chatwork」のエンジニアとデザイナーのブログです。a11yこんにちは、守谷(@emim)です。Note強化月間!となっているのですが、守谷個人的には週末におこなわれるイベントに照準を合わせて、ひとりWebアクセシビリティ強化月間!開催中です。オンライン特別授業(デザイナー特集)もどうぞ〜。Noteに入りきれなくなって泣く泣く断念した、「エンジニア以外向け」におこなったWebアクセシビリティの啓蒙施策を紹介します。ポイントは「私が知ってる情報を全員が知っているわけではない。」という前提を忘れず、いつでも疑問に応えられる知識を蓄えつつ、対象に合ったアプローチをする、というところです。デザイナーの「初歩的なこと教えて」に応える非クリエイティブ職種の「知りたい」に応えるライトに定期的に触れる機会を作るまとめデザイナーの「初歩的なこと教えて」に応える前エントリーでも紹介しましたが、プロダクトデザイン部内で「アクセシビリティとはなんぞや」という勉強会は、半ば日課のように取り上げています。当たり前ではありますが、新入メンバーが出てくるとベースライン(前提知識)が少しずつズレて来ます。新しい視点からすると「もっと初歩的なところもきちんと知りたい」という思いと、「これはもっと多くの人に知ってもらった方がいいものだ」ということで、改めて声を掛けてくれました。そこで、有志のデザイナーを集め短時間(全部で1.5時間程度で実施)で私から情報共有しつつ、それを更に他の人達に共有を同時に叶える方法を模索しました。この時は、難しい話をするより「アクセシビリティというものは障害者向け施策のことではないよ」というところにフォーカスして、「何をするか」よりも「なぜ必要か」ということをガッと話し、当時部内で手法としてプチトレンド入りしていたスケッチノートで、その内容を他部署・他職種向けにまとめる......ということをしてみることに。いうイメージにとらわれていたりしたようだったので、「今日の自分にも効く」というWebアクセシビリティの効果を共有しました。トイレの前の壁に2〜3ヶ月掲出され続けて、ある程度のプロモーション効果が得られました。ちなみにこの後も参加メンバーだったデザイナー(アクセシビリティ初心者)が、別のイベントに参加して興味をもったワード(そのときはディスレクシア)について自分なりに調べ、まとめた内容を掲出する......ということを続けてくれました。いえば、、、この時に絵の前で「じっと内容を見る」ということをしてくれたエンジニアが、後にアクセシビリティ改善チームで挙手してくれたエンジニアだったなあ。非クリエイティブ職種の「知りたい」に応える前述の通り、誰もの目につくところにスケッチノートが掲出されると、次はプロダクトマネージャー(PM)から声が掛かりました。元福祉関係職員(Webディレクター経験もあり)だったのもあり、福祉目線やワードとして「アクセシビリティ」を知っていても、具体的にどういったマインド・施策が必要なのかを知らないから、広く浅く教えて欲しいとのことでした。社内共有用ドキュメント(マニュアル)で一定量情報をまとめてはいたのですが、能動的に取りに行かなくては得られない情報構造になっていたので、今後も使い回しできるスライド資料として入門編内容をまとめました。同時に、前述のPMが時間調整など進めてくれていたので、1時間くらいもらって社内でプレゼンを実施しました。Liveを利用して別拠点にも配信しながらの軽いセミナー会です。したセミナーでもないので都度質問などを得ながら、デザイナー向けの時とは趣を変えた内容で開催しました。基づいた法定雇用者数をもとに算出したアクセシビリティ改善施策の対象となり得る人数を提示した上で、グループウェアの場合には、チーム内に一人でも「使えない」人がいる場合には選出してもらえないという懸念が出てしまうセールス時にはその点を逆手に取り、「組織内に取り残される人を出さないよう、気を使っている企業である」というアプローチが取れるという方向からの訴求方法を取りました。ちなみにですね......キャプチャに入れているこのプレゼン資料、Googleスライドのフリーテンプレートサイトからいただいたものをベースに作成しているのですが、初見で気付く方はプロですね......カラーコントラスト比が1:4.5に満たない背景色/文字色の組み合わせが多用されています。いったこともプレゼンの中に含めながら話しました。参加者は、Webアクセシビリティというものが世界標準規格であることはもちろん、日本の法定雇用者数などとも関連するとは思ってもいなかったようで、新しい知見につながったようです。ライトに定期的に触れる機会を作る社内では出入り自由のアクセシビリティに特化した「アクセシビリティ情報共有/トレンド」というチャットを用意していて、Webに限らないアクセシビリティ関連のニュースなどを収集し共有する*1を設けて関心を引くようにしています。5割方、私守谷が引っ張ってきた情報共有板になっていて、残りは他のスタッフに引っ掛かった情報を共有してくれています。紹介すると、参考までに、共有した/された情報は以下のようなものです(Twitter成分高め)。アサシンクリードの新作でのゲーム開始前の初期設定での色覚に合わせた設定。開始後のオプションじゃなくて開始時に設定させるのは稀かも。2020年11月14日note.com次のセッションは13:00より「東京都COVID-19対策サイトの裏側〜オープンなデザインイテレーションの実践〜」です🤝Figmaが公開され話題となった東京都COVID-19対策サイトが、どのように開発されたのか、その背景や裏側についてお話しいただきます。総務省は、テレビジョン放送による視聴覚障害者や高齢者に配慮した字幕放送等の普及促進に取り組んでいます。手話放送の実績を取りまとめましたので公表します。2020年10月30日www.getstark.coこれらはもう完全に、「うるさいと思われたとて、常にアクセシビリティを意識できるようにするサブリミナル効果」を狙ったものです。「こんなことも『アクセシビリティ』っていうものなのか」ということを感じてもらうためのプロモーションです。world!」というスライド資料にいつでもアクセスできるように誘導しています。まとめ今回紹介したのは一つ一つ小さな施策です。ひとつ、個人的にラッキーだと感じていることは、最後の施策を除くとおおむね「新入スタッフが『もっと教えて』と声を掛けてくれたことがキッカケになっている」ということ。それにすぐ応えられるように知識をためておくことも大事ではある一方、初めて触れる人には「こんなことでも惹きになるのか」という参考になると幸いです。アクセシビリティ改善チームができました!今夏やっと、プロダクトに改善施策を反映していくためのチーム...2019-12-18「UIデザイナーのスキルマップ」にアクセシビリティスキルを入れた話こんにちは。2018」の16日目...2018-12-06アクセシビリティ熱を消さないためにできること毎年12月3日は、国際障害者デーだそうです。@Chatwork_devメンバーid:cw-oritaid:okuzawatsid:d-hayashiid:shibe23id:cw-jeromechaid:cw-araiid:tinpayid:cw-sakamotoid:rabe1028id:cw-suetakeid:lmdexprid:cw-shinyaid:cw-takaseid:cw-niinumaid:j5ik2oid:tan-yukiid:yamakenji24id:yoshiyoshifujiiid:cw-ayumitakahashiid:cw-furuyaid:kaz3284id:cw-ozakiid:cw-nishikawaid:daiksyid:tasuku43id:louvre2489id:sykt13id:yamatomo73id:cw-kasugaid:cw-mottyid:cw-nishiguchiid:s12btid:cw-sayamaid:cw-moriyaid:cw-makotoikedaid:cw-yoheihayashiid:wakakumaid:cw-sakaguchiid:cw-matsubaid:ymgnid:shige0501id:nottegraid:shinharadid:eielid:cw-michihiroid:crossroad0201id:cw-miyashitaid:agoetcid:at-akaid:cw-chibaid:tenslerid:cw-akatsuid:cw-kajiwaraid:cw-otakeid:TomokoNishinaid:cw-tanakaid:cw-hayashiid:cw-marikoid:cw-shinmenid:cw-masakiid:cw-hayama最新記事モバイルアプリ開発チーム、カンバンはじめました。(1)引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。