Upgrade to Pro — share decks privately, control downloads, hide ads and more …

noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと

sawa
December 05, 2023

 noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと

アクセシビリティ改善 社内浸透の壁、どうやって乗り越える?
https://ubie.connpass.com/event/301022/

sawa

December 05, 2023
Tweet

More Decks by sawa

Other Decks in Design

Transcript

  1. これまでの

    プロダクト・組織へのアプローチと

    これからのこと
    沢登達也 / デザイナー

    View full-size slide

  2. 沢登達也
    デザイナー
    noteの6年目プロダクトデザイナー。

    レイヤーとマジメントを半々。 直近では、
    メインのプロダクトデザイン業務に加え
    て、
    デザインシステム・アクセシビリティ・
    採用・マネジメントなど広めに活動中。
    note社アクセシビリティの取り組み 1/22

    View full-size slide

  3. やっていき背景
    note社アクセシビリティの取り組み 2/22

    View full-size slide

  4. note社アクセシビリティの取り組み 3/22

    View full-size slide

  5. note社アクセシビリティの取り組み 4/22

    View full-size slide

  6. note社アクセシビリティの取り組み 5/22
    だれもが創作をはじめ、
    続けられるようにする
    Missionドリブン

    View full-size slide

  7. note社アクセシビリティの取り組み 6/22
    プロダクト 組織

    View full-size slide

  8. 8 主 要 機 能 優 先のカイゼン 
    8 当事 者インタビューの実 #
    8 記 事 中 画 像にa l t が 設 定 可 能(
    8 e t c . . .
    n o t e 社アクセシビリティの取り組み 7 / 2 2
    プロダクト向け

    View full-size slide

  9. note社アクセシビリティの取り組み 8/22
    主要機能優先のカイゼン

    View full-size slide

  10. note社アクセシビリティの取り組み 9/22
    当事者インタビューの実施
    全盲 弱視 色覚特性 上肢障害

    View full-size slide

  11. note社アクセシビリティの取り組み 10/22
    記事中画像にaltが設定可能に

    View full-size slide

  12. 組織向け
    7 アクセシビリティーチェックリストの導
    7 バリアントールの導
    7 入社オンボーディングへの設5
    7 etc...
    note社アクセシビリティの取り組み 11/22

    View full-size slide

  13. note社アクセシビリティの取り組み 12/22
    アクセシビリティーチェックリストの導入
    spreadsheets

    View full-size slide

  14. note社アクセシビリティの取り組み 13/22
    バリアントールの導入

    View full-size slide

  15. note社アクセシビリティの取り組み 14/22
    入社オンボーディングへの導入

    View full-size slide

  16. note社アクセシビリティの取り組み 15/22
    最近の取り組み

    View full-size slide

  17. note社アクセシビリティの取り組み 16/22
    最近の取り組み
    W 簡易リストの作S
    W サイトワールドの参9
    W フロントエンドレビュー項目への追9
    W etc...

    View full-size slide

  18. note社アクセシビリティの取り組み 17/22
    簡易リストの作成

    View full-size slide

  19. note社アクセシビリティの取り組み 18/22
    フロントエンドレビュー項目への追加

    View full-size slide

  20. note社アクセシビリティの取り組み 19/22
    サイトワールドの参加

    View full-size slide

  21. note社アクセシビリティの取り組み 20/22
    今後取り組みたい・直近の壁

    View full-size slide

  22. note社アクセシビリティの取り組み 21/22
    S 新規実装分のアクセシブル担9
    S 開発に関わらない社員のアクセシビリティ意識向上

    View full-size slide

  23. note社アクセシビリティの取り組み 22/22
    noteアクセシビリティ施策
    https://note.com/info/m/
    mb0ecfac0e3ed
    アクセシビリティ知見まとめ
    https://note.com/note_dsn/m/
    m0df81c2d2d7a

    View full-size slide

  24. note社アクセシビリティの取り組み 22/22
    noteではアクセシビリティも興味ある

    プロダクトデザイナーを探しています
    https://note.jp/n/nf1a45fb051de

    View full-size slide