$30 off During Our Annual Pro Sale. View Details »

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

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

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

Daisuke Kobayashi

January 28, 2022
Tweet

More Decks by Daisuke Kobayashi

Other Decks in Design

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