アクセシビリティチームとデザイナーの関わり / Relationship with accessibility team and designers

2022年1月28日に開催された「サイボウズ デザイン＆リサーチ Online Meet Up!」 のスライド資料です。
https://cybozu.connpass.com/event/229705/

Transcript

1. アクセシビリティチームと
   デザイナーの関わり
   サイボウズ株式会社 デザイン＆リサーチ
   

   View Slide

2. お話しするメンバー
   SUGI ⼩林⼤輔
   

   View Slide

3. Poca11y（アクセシビリティ）チームとは
   ▌デザイン＆リサーチのサブチーム
   ▌サイボウズの製品やWebサイトのアクセシビリティ改善
   ▌さまざまなデザイナー・エンジニアの⼈と協⼒
   

   View Slide

4. Poca11y（アクセシビリティ）チームの理想
   より多くの⼈をチームに参加しやすくする
   

   View Slide

5. 主に関わっている製品・Webサイト
   

   View Slide

6. kintone
   ▌アクセシビリティガイドラインを作成＆啓発＆改善
   ▌スクリーンリーダー・キーボード操作
   ▌⾊のコントラストや拡⼤したときの表⽰
   

   View Slide

7. サイボウズ Office
   ▌全盲・ロービジョンのOfficeユーザーの⽅にヒヤリング
   ▌メインストーリーをスクリーンリーダーで実⾏可能に
   l スケジュールの登録・編集・閲覧
   l メッセージによるコミュニケーション
   

   View Slide

8. サイボウズ アクセシビリティポータル
   https://a11y.cybozu.io
   ▌製品のアクセシビリティ改善情報
   ▌社内啓発活動の動画・資料
   

   View Slide

9. Poca11yチームとデザイナーとのコミュニケーション
   1
   グループ
   ウェア
   2
   ⼀緒に
   デザイン
   3
   ⼀緒に
   勉強会
   

   View Slide

10. 1. グループウェア
    ▌「アクセシビリティプロジェクト」
    l アクセシビリティに関する質問・相談
    l アクセシビリティに関するニュースや話題
    ▌ZOOMやSlackのチャット等も併⽤
    

    View Slide

11. 2. ⼀緒にデザイン
    ▌視覚障害のメンバーがデザインに参加する
    ▌メンバー全員が情報を取得できる⼯夫
    l ファイルを共有
    l ローカル環境を共有
    

    View Slide

12. 3. ⼀緒に勉強会
    ▌「Designing for Web Accessibility」勉強会
    1. 全員で読む
    2. 代表者1⼈が発表する
    3. 関連する事例や改善案を議論する
    ▌勉強会もアクセシブルに
    l 資料がマシンリーダブルであること
    l 資料が英語で読めること
    l 録画を社内共有すること
    

    View Slide

13. 今後の活動
    フロントエンド刷新でアクセシビリティを改善︕
    

    View Slide