「職能の越境」でアクセシビリティが加速する / GAAD Japan 2022 Crossing the border

Slide 1

Slide 1 text

GAAD Japan 2022 「職能の越境」でアクセシビリティが加速する

Slide 2

Slide 2 text

登壇者紹介杉崎信清⼩林⼤輔

Slide 3

Slide 3 text

サイボウズという会社チームワークあふれる社会を創る

Slide 4

Slide 4 text

開発の知識がなくても業務に合わせたシステムをかんたんに作成できるクラウドサービス

Slide 5

Slide 5 text

フロントエンドリアーキテクチャプロジェクト ü kintoneのすべてのページを React で書き換える ü フロントエンドが複数の開発チームに分割され各チームが主体的に改善に取り組めるようにする kintone 開発チームA kintone 開発チームB kintone 開発チームC

Slide 6

Slide 6 text

ユーザー体験を最⾼にするチーム（Mantle）開発チームを横断して⼀貫したユーザー体験を提供する kintone 開発チームA kintone 開発チームB kintone 開発チームC Mantleチーム

Slide 7

Slide 7 text

Mantleチームの⽬標と活動内容 kintone共通コンポーネントの集約と提供コンポーネントドキュメントの作成アクセシビリティやユーザビリティの品質向上コンポーネントのテスト設計テストの⾃動化 kintoneデザインシステムの作成・普及

Slide 8

Slide 8 text

Mantleチームの活動体制アクセシビリティデザインフロントエンド品質保証

Slide 9

Slide 9 text

越境することでみえてきたこと 1. アクセシビリティの話題を持ち掛けやすい 2. アクセシビリティの話題を持ち掛けられやすい 3. アクセシビリティに詳しい仲間ができる

Slide 10

Slide 10 text

1. アクセシビリティの話題を持ち掛けやすい Mantle以前はkintone開発チームとは別の独⽴したチームで活動フィードバックしたいけど忙しいんだろうか… ⽴て込んでいるときにタスク増やすことにならない...︖ 今どのタスクに着⼿してるんだろうか… スコープ外のことを指摘することにならない…︖

Slide 11

Slide 11 text

話題にあげる⼼理的ハードルが下がる ▌話すべきタイミングを逃さない ▌込み⼊った話もしやすいデザイナーホバーやフォーカススタイルの背景を確認するエンジニアフォーカスの改善⽅法・改修時期を相談する品質保証キーボード不具合の現象確認・期待結果を相談する

Slide 12

Slide 12 text

2. アクセシビリティの話題を持ち掛けられやすい ▌アクセシビリティに関する相談件数が増加 l ⼤⼩さまざまな規模の相談を受けている l Mantleチームからも、それ以外のチームからも相談がある

Slide 13

Slide 13 text

アクセシビリティのIssueを登録してくれるように ▌登録されたIssueの例︓ l キーボード操作で正常に動作しない l フォーカス・ホバーのスタイルが正常に表⽰されない

Slide 14

Slide 14 text

3. アクセシビリティに明るい仲間ができるフロントエンド WAI-ARIA・キーボードフォーカスなどを⼀緒に考えてくれる品質保証アクセシビリティの観点を盛り込んだテストケースを作成してくれるデザイナー⾊のコントラストやアイコンの表現を事前に相談してくれる

Slide 15

Slide 15 text

今後の⽅針や理想も共有できるように ▌ドロップダウンのキーボード操作が破綻しないように開閉ボタンとポップアップをセットで提供したい ▌ボタンとリンクの違いを明確にして定義を決めたい ▌フォントサイズをremなどの相対単位で統⼀したい ▌アイコン画像を整理して統⼀したい

Slide 16

Slide 16 text

越境することでアクセシビリティチームが学んだこと 1. デザイン背景や実装を知る機会が増えた 2. アクセシビリティの取り組みが加速した

Slide 17

Slide 17 text

1. デザイン背景や実装を知る機会が増えた ▌踏み込んでデザインや実装に携わる機会が増えた ▌フロントエンドの知識・スキルを学ぶことができた確度の⾼いフィードバックができるようになった

Slide 18

Slide 18 text

2.アクセシビリティの取り組みが加速した ▌これまでガイドラインや⾃動チェックなどの守りの姿勢で活動してきた ▌チームに⼊り、各職能を越境することでアクセシビリティの取り組みは加速した

Slide 19

Slide 19 text

まとめ ▌⾃然とアクセシビリティの話題ができる ▌アクセシビリティのスキルを⾃然と⾝に着けてもらえる ▌アクセシビリティに明るい仲間が増える職能の越境でアクセシビリティの取り組みは加速する