ゆめみのアクセシビリティの現在地と今後

by ryokatsuse

Slide 1

Slide 1 text

ゆめみのアクセシビリティの現在地と今後 YUMEMI.grow アクセシビリティLT会 2024/07/16

Slide 2

Slide 2 text

自己紹介 X Infixer(Ryo Katsuse5 X 株式会社ゆめ8 X フロントエンドエンジニW X 放送大学3年 X アウトプッ% X X（Twitter X Cosense(旧scrapbox5 X ブロÅ X GitHub

Slide 3

Slide 3 text

お品書き $ ゆめみについ' $ これまでのゆめみのアクセシビリティの取り組 $ 今後のアクセシビリティ活動について

Slide 4

Slide 4 text

ゆめみについて国内にとどまらずグローバルに展開するWebサービスに必要な、サービスデザイン・システム構築・運用・改善など様々な課題解決をサポートしています。

Slide 5

Slide 5 text

ゆめみオープンハンドブック R 詳しくはゆめみオープンハンドブックをご確認くださいQ R ゆめみの制度やどういう環境なのかを公開しています。ゆめみオープンハンドブック

Slide 6

Slide 6 text

結論からいうとまだまだ社内的にも対外的にアクセシビリティやっていきとは言えません

Slide 7

Slide 7 text

これまでのアクセシビリティの取り組み a 時を遡ること4年前...W a Webアクセシビリティ勉強会が行われていG a スクリーンリーダー体験な# a WCAG2.１を読む輪読会が開催された

Slide 8

Slide 8 text

その後ここ最近まで目立ったアクセシビリティ活動はなかったような

Slide 9

Slide 9 text

いやそんなことはない！！！ ` 最近また活発化してきP ` アクセシビリティへの第一歩〜JISを読も2 ` ゆるアクセシビリティ雑談' ` デジタル庁のアクセシビリティガイドライン輪読' ` Webアプリケーションアクセシビリティ輪読' ` あなたの知らないアクセシビリティの世界

Slide 10

Slide 10 text

「ゆるアクセシビリティ雑談会」を社内開催した話ゆるアクセシビリティ雑談会

Slide 11

Slide 11 text

デジタル庁のアクセシビリティガイドライン輪読会デジタル庁『ウェブアクセシビリティ導入ガイドブック』の輪読会を完走しました！

Slide 12

Slide 12 text

書籍『Webアプリケーションアクセシビリティ』輪読会の完走とその効果 Webアプリケーションアクセシビリティ輪読会

Slide 13

Slide 13 text

あなたの知らないアクセシビリティの世界 g フロントエンドエンジニア、デザイナー、広報、営業、PMを交えてアクセシビリティに関して徹底討論す4 g アクセシビリティを伝えたい人とアクセシビリティに興味ある人に別れて議論す4 g エンジニア以外の職種と議論することでとても有意義な議論ができた

Slide 14

Slide 14 text

話をしたテーマ

Slide 15

Slide 15 text

ここまでみてきて 8 ゆめみは、元々アクセシビリティに興味ある人が何かしら活動していV 8 内部的には各々アクセシビリティをやっていき！をしているようにみえD 8 しかし全体に浸透しているとは言い難A 8 各々で行っていることで情報共有ができていないなので社内的にも対外的にはアクセシビリティを取り組んでいますと言えない。言いたい

Slide 16

Slide 16 text

ゆめみはクライアントワークではあるものの、作って終わりの集団ではない q 作って終わりではなく、そのまま作ったアプリケーションを運用までしてい} q エンジニア、デザイナー、PMなどそれぞれの職位ごとで作るアプリケーションに対して、最高の価値提供・品質にしたいと思っている（ユーザビリティa q これって世に出してしまうとまずいよねという認識力はあ q しかし胸を張ってアクセシビリティ対応しますと、お客様に提案できていない状況になってい q アクセシビリティとの向き合い方が分からない

Slide 17

Slide 17 text

何故できていないのか 6 ゆめみの中で言語化できていな 6 言語化できていないということは当然説明できな 6 言語化できていないということは当然で社内で浸透しな 6 スキル不足（一部の人への偏り 6 平準化できていな 6 ということを伝えていきたい。「アクセシビリティがすべての土台・基盤であり、ユーザビリティはその基盤の上に成り立つものだ！」

Slide 18

Slide 18 text

今後やっていくこと

Slide 19

Slide 19 text

ステップごとに小さく少しずつ始めたい STEP1 浸透・学習 STEP2 行動 STEP3 実践

Slide 20

Slide 20 text

STEP1:浸透・学習 t アクセシビリティを自分ごとに捉えることのできる人を増やしていx t 先人の知恵を借りる t ディーゼロさ8 t SmartHRさ8 t freeeさ8 t トルクさ8 t サイバーエージェントさ8 t 困った！を解決するデザインをタネ本にして浸透活d t 普段の仕事内で取り組めるガイドラインを策3 t Slackに画像を投稿するときのaltの付け( t オンライン会議では字幕をオンにすE t 提案スライドをアクセシビリティにすE t 怪我したときなど一時的に身体の一部が使えなくなったときどうするか

Slide 21

Slide 21 text

STEP2:行動 d ゆめみではユーザビリティに関して気をつけていることや意識しないといけないこと（満足や安心など）に関しては浸透している d でもアクセシビリティ（アクセスのしやすさ）について奥深くまで追求できていな& d アクセスできないことがどういうことなのかを体現してもらg d VoiceOverの体験な d 職位関係なくアクセシビリティに関して行動できるように仕組み d チェック項目の導 d オンボーディングプログラムに組み込む

Slide 22

Slide 22 text

STEP2:行動 H プロジェクトの要件定義書などにアクセシビリティのチェック項目を追加す% H 「アクセシビリティに関する勉強会に参加する」をオンボーディングプログラムに追加するオンボーディングシート

Slide 23

Slide 23 text

STEP3:実践 F 今まではアクセシビリティ対応って何かメリットがあるの？追加で工数掛かるんでしょのような状況だっu F 提案時にアクセシビリティの開発方針を見積もりとセットで提案できるようにす F 各フェーズでのアクセシビリティ対応項目を説明す F 要件定義、デザイン、開発、テスト、運用フェーズなどでどのような対応が行われているか説明していく。

Slide 24

Slide 24 text

要件定義フェーズ D プロジェクトにおけるアクセシビリティ基準（例：WCAG 2.1、JISなど）を確認し、具体的な目標を設定す D 法規制やガイドラインを確認し、要件に反映させ D 関係者全員(ステークホルダーと)にアクセシビリティの重要性を説明し、共通認識を持ってもらう

Slide 25

Slide 25 text

デザインフェーズ c 色のコントラスト、フォントサイズ、ナビゲーションの使いやすさなどを定めたデザインガイドライン作成すB c 初期段階のプロトタイプでアクセシビリティのテストを行い、フィードバックを反映させB c スクリーンリーダーやキーボードナビゲーション（フォーカス）など、補助技術に対応したデザインを設計すB c 要件定義で決めたWCAGの方針に基づく適合レベルの基準に従う u ※エンジニアも可能限りデザインフェーズから入れるとよh

Slide 26

Slide 26 text

開発フェーズ D 代替テキストの設F D キーボードナビゲーショ@ D フォームの操作` D 正しいHTMLでのコーディン2 D ARIA属性を正しく付与するな D スクリーンリーダーの読み上げ

Slide 27

Slide 27 text

テストフェーズ p axeなどを使用したアクセシビリティチェックを行W p 極力自動化できるものは自動化してい# p CIに組み込T p 障害者によるユーザーテストの実施（可能であれば）

Slide 28

Slide 28 text

運用フェーズエンドユーザーからのフィードバックを受けて対応方針を選定す障害者が何かしらの理由で、代替機能が用意されておらずアプリケーションが使えないなどがあった場合に対応す障害者差別解消法に基づいて対応してい% 「環境の整備」は努力義務だが必要性は高くなるので、アクセシビリティ向上に向けて改善するセミナー「改正障害者差別解消法とWebアクセシビリティ」の録画を公開

Slide 29

Slide 29 text

情報発信 ( 引き続き継続的なアウトプットを続けÈ ( 職位に縛られないアウトプットを目指す

Slide 30

Slide 30 text

課題点 g 熱量冷めずに継続していく方法を考えないといけなQ g 職位ごとにアクセシビリティの認識が違うB g お互い歩み寄る、妥協点をみつける姿勢を根付かせるのが重要B g スキルの平準Ã 思い切って外部で著名なアクセシビリティスペシャリストにご協力いただき取り組んでいきたい！