![見出し画像](https://assets.st-note.com/production/uploads/images/124598580/rectangle_large_type_2_41ac23f9003535531d3f626e7fbbf05f.png?width=800)
書籍『Webアプリケーションアクセシビリティ』輪読会の完走とその効果
こんにちは! UIデザイナーのOriです🐨
わたしの所属する株式会社ゆめみでは、勉強会をだれでも開催できる文化があります。
そこで、『Webアプリケーションアクセシビリティ──今日から始める現場からの改善』という書籍の輪読会を今年の4月に始め、約半年かけて10月についに完走しました📗🏃♀️
その経緯や輪読会を通してよかったことについてお話しいたします!
この記事内で何度も紹介させていただく素敵な書籍↓
輪読会をはじめた経緯
「Webアプリケーションアクセシビリティ──今日から始める現場からの改善」がちょうど発売された頃、アクセシビリティについての知識が網羅されている非常に素敵な書籍だと、社内外で話題になっていました📕
勉強会開催のきっかけとしても、この書籍を買ったメンバーがいて、内容が専門的だったこともあり、2人で輪読会を始めたことがはじまりです。
「もっとアクセシビリティに興味がある人がいるかも?」と思い社内Slackで呼びかけたところ、6名ほどが集まりました🙌
![slackの会話の様子。輪読会を開催&募集している。「ゆる勉強会アクセシビリティの本を読み合わせ会!10:00まで〜 が行われました」というハドルタイトルの下に、【ゆる勉強会】 4/24(月)9:00〜10:00にWebアプリケーションアクセシビリティの本を読みながら話す会をハドルでするので 誰でもどうぞ〜 多すぎても会話できなさそうなので、今カレンダー招待している人で一旦締切です!!と募集のメッセージが記載されている。](https://assets.st-note.com/img/1702604858942-kthbs5gujg.png?width=800)
その後、参加者が知り合いを誘っていき、段々と盛り上がっていきました。
どういう効果があったか
輪読会を行った結果、大きく分けて以下3点の効果がありました。
1. アクセシビリティについて深く学べた
2. 社内外でアクセシビリティ自体や「アクセシビリティに詳しい隊」が知られていった
3. アクセシビリティイベントの開催・参加
1. アクセシビリティについて深く学べた
わたしはデザイナーなのですが、アクセシビリティツリーを検証ツールで出す方法や、今まで知らなかったHTMLタグや、CSSのプロパティをエンジニアに教えてもらい、非常に勉強になりました📖
勉強会内で教えてもらった技術を実際にわたしが使ってみる、という経験もありました。
また、輪読会で出た話題の中で、実際にやっている案件で「これどうすればいいの?」とか、よく使うサービスを見ながら「どうするのが正解だった?」とか、参加者各々の体験に基づく相談質問が増えていきました。
![slackの会話の様子。おり「アクセシビリティに詳しい人ー! 画像にリンク貼ってある要素に、「リンクに認識可能なテキストが存在することを確認します」ってaxeに言われてるんだけど、 これってaria-labelを貼ってあげればいいのかな?!」という問いかけに、やぎちゃん「どうも、アクセシビリティちょっとわかる人です リンクの名前は↓のどっちかをやればできると思う noteのロゴ画像にaltを設定する(こっちのほうが良さそう) リンク自体にaria-labelを設定する 画像にaltを設定できるか試してみて、無理ならリンクにaria-labelを設定する感じかな」と答えている。](https://assets.st-note.com/img/1702604532708-VH8IwppeTL.png?width=800)
輪読会以外にも、こうした雑談をした回も生まれました。
このように日常的に「アクセシビリティについて話す時間」があるため意識が薄れず、知識も劣化しない状態を作ることができたと思います。
2. 社内外でアクセシビリティ自体や「アクセシビリティに詳しい隊」が知られていった
最初は勉強会メンバーのSlackのハドルに集合する小さな形式でしたが、オープンな勉強会にするため、途中からWebアクセシビリティ専用のチャンネルで開催していました🚩
輪読会の開催だけでなく、リアク字チャンネラーという機能を使用してアクセシビリティスタンプを押された話題が集結できる仕組みを作ったり、アクセシビリティの勉強会実況を行いました。
![slack内で「A11y」というスタンプが押されたメッセージが引用されている様子。](https://assets.st-note.com/img/1702604928779-8izcUxu0dE.png?width=800)
2、3日に一回はアクセシビリティに関する情報が流れてくるチャンネルになった
![slack内のスレッドで「アクセシビリティ改善 社内浸透の壁、どうやって乗り越える? (2023/12/04 19:00〜)」というイベントの実況スレッドを立てている様子。](https://assets.st-note.com/img/1702604959174-TfB18WHlYU.png?width=800)
こうした活動をしていると、社内からも徐々に認知され、「なんか内部でアクセシビリティの勉強やってますよね👀」「アクセシビリティといえば〇〇さんが詳しいよね?」と輪読会に参加しているメンバーに声がかかることが増えました。
![slackの会話の様子。上:メンバー1「アクセシビリティに詳しい人に聞くとよさそう」というメッセージにメンバー2「先生方出番です!」とアクセシビリティの勉強会メンバーをメンションで召喚している。下:アクセシビリティ勉強会のメンバーがLTに誘われている様子。「お二人はアクセシビリティにかなり興味ありそうだったので、どちらかLTしてみませんか?」と声がけされている。](https://assets.st-note.com/img/1702604717909-na4YB7109U.png?width=800)
社内LT会でも、参加メンバーによるアクセシビリティに関する発表が行われました。
3. アクセシビリティイベントの開催・参加
輪読会を通して集まったメンバーで、社内でゆるい雑談会を開催することもできました!
また、イベント情報がチャンネルによく集まるので、外部のアクセシビリティイベントへの参加が増えました。
アクセシビリティカンファレンス福岡や、PLAYWORKSさんのインクルーシブデザイン体験ワークショップなど、アクセシビリティ輪読会メンバー同士でいっしょにイベントに参加することがありました。
開催形式も徐々に改善
なぜ8ヶ月もかけて1冊の本を読む中で、もっと輪読会の開催形式もメンバーで意見を出し合って徐々に改善していきました。
👌月曜早朝1時間 → 水曜・木曜の夕方に30分ずつ
開催当初は朝9時からにしていましたが、夜行性のメンバーが多く、寝坊が増えました🦉
![slackの会話の様子。おり「ずみまぜえ5分遅刻です」、おひで「僕もそれくらいです」とメッセージし、その後ハドルミーティングが発生している。](https://assets.st-note.com/img/1702488321317-qa0eDTHzrY.png?width=800)
アクセシビリティ勉強会へのアクセシビリティが低かったため、平日の二日間(水・木)の夕方30分に変更したところ、今まで来れなかったメンバーが参加してくれるようになりました!!
👌事前に読んできてから話し合うスタイルに
初めは対象箇所を担当が音読していくスタイルでしたが、息切れしそうになりました。
事前に各々読んできて気になるところをピックアップして話し合うスタイルにすると、一回の輪読会の会話密度と進む速度が上がりました!
まとめと感謝
この輪読会を通じてアクセシビリティに興味がある人にたくさん出会えて、
小さな輪読会から、ちょっとした社内コミュニティ形成までできたのではないかなと思います。
こうしたきっかけを作ってくれた書籍『Webアプリケーションアクセシビリティ──今日から始める現場からの改善』には本当に感謝です。
この書籍の輪読会が終わった後も、第2弾の輪読会としてデジタル庁のウェブアクセシビリティ導入ガイドブックの輪読会も続けて行いました。
こちらも先日完走したので執筆します✏️
次何するの?
11月11日に開催された「アクセシビリティカンファレンス福岡2023」のアーカイブを見て喋る勉強会したり、WCAGのドキュメント読んでみたり、新しい本の輪読会を開催したりと、色々と企んでいます。
こういったいろんな活動を通して、社内全体でアクセシビリティを浸透させていくのが密かな願いです。
今後もアクセシビリティやっていきまを推進するのでぜひ同じように奮闘している方と仲良くできればうれしいです!
最後まで読んでくださりありがとうございました!
この記事は、株式会社ゆめみの23卒 Advent Calendar 2023と
YUMEMI Design Advent Calendar 2023の投稿になります🎄
![YUMEMI New Grad Advent Calendar 2023](https://assets.st-note.com/img/1702605385598-RhlbVf0tQB.png?width=800)
ここまで読んでいただきありがとうございます!コーヒー代として使わせていただきます☕️