Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
全社でアクセシビリティに取り組む / Company-wide Accessibility I...
Search
ymrl
June 27, 2025
Technology
0
10
全社でアクセシビリティに取り組む / Company-wide Accessibility Initiatives
各社の事例に学ぶ!アクセシビリティを向上させる開発プロセス
の登壇資料です
ymrl
June 27, 2025
Tweet
Share
More Decks by ymrl
See All by ymrl
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
170
デザイナーがTSKaigiでWAI-ARIAの話をしてみて / Speaking as a Designer: WAI-ARIA at TSKaigi
ymrl
0
19
TypeScriptとReactで、WAI-ARIAの属性を正しく利用する / Fixing WAI-ARIA Typing in React with TypeScript
ymrl
0
48
がんばらないアクセシビリティ / Accessibility Without the Struggle
ymrl
0
30
Webサイトのアクセシビリティにどう向き合う? / How Should We Approach Web Accessibility?
ymrl
0
88
いま求められるソフトウェアのアクセシビリティ / Essential Accessibility in Software Today
ymrl
1
1.2k
アクセシビリティを意識したプロダクトづくり / Creating Products with Accessibility in Mind
ymrl
0
23k
「Webアプリケーションアクセシビリティ」著者の会社 (freee, サイボウズ, SmartHR) での取り組みは実際どんな感じ?
ymrl
3
23k
やっぱりやりたいのはUIデザインだった
ymrl
0
28k
Other Decks in Technology
See All in Technology
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
540
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
110
KubeCon + CloudNativeCon Japan 2025 Recap Opening & Choose Your Own Adventureシリーズまとめ
mmmatsuda
0
270
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
440
開発生産性を組織全体の「生産性」へ! 部門間連携の壁を越える実践的ステップ
sudo5in5k
2
6.9k
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
6.8k
united airlines ™®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedhelp
1
200
Lazy application authentication with Tailscale
bluehatbrit
0
200
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
300
論文紹介:LLMDet (CVPR2025 Highlight)
tattaka
0
340
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
110
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
1.1k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
How to train your dragon (web standard)
notwaldorf
95
6.1k
What's in a price? How to price your products and services
michaelherold
246
12k
Making Projects Easy
brettharned
116
6.3k
How to Ace a Technical Interview
jacobian
277
23k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
It's Worth the Effort
3n
185
28k
Code Reviewing Like a Champion
maltzj
524
40k
Transcript
全社でアクセシビリティに取り組む
2 • フリー株式会社 デザイナー‧エンジニア • デザインシステムを作っています • Webアプリケーションアクセシビリティの共著者 ◦
最近、韓国でも発売されました • 個⼈でAccessibility Visualizerを作っています @ymrl(やまある) デザイナー / エンジニア ⼭本 伶
3 VISION だれもが⾃由に経営できる 統合型経営プラットフォーム。
電⼦稟議 経費精算 債権債務 管理 ⼈事労務 電⼦契約 固定資産 請求管理 会計
⼯数管理 販売管理 会計‧⼈事労務‧販売管理を核とした 統合型経営プラットフォーム
5 だれもが自由に経営できる 統合型経営プラットフォーム。 統合型経営プラットフォームはみんなで使うもの。 だれもが自由に自然体で使える プロダクトを作っていきたい。 なぜfreeeはアクセシビリティーに取り組むのか
6 職種を問わず、アクセシビリティの研修をしている • 職種を問わず、すべてのメンバーがアクセシビリティの研修を受ける • 会社の外に対してだけでなく、社内のコミュニケーションにも アクセシビリティの視点を取り入れて効率よくしてほしい ◦ 社内にもアクセシビリティを必要とする人がいる
◦ わかりやすいコミュニケーションで困る人はいない • 開発者向けには、追加で技術的な研修を実施している ◦ プロダクト開発でのアクセシビリティの実践方法 ◦ 実装時に気をつけてほしいことなどを伝える
7 視覚障害のある社員がいるので、ドリンクバーに点字のメニューが⽤意されていたり、 Slackに貼られた画像の代替テキストが良い感じのときに :nice_alt: リアクションをする⽂化がある 社内に普通にアクセシビリティがある
プロダクト開発での アクセシビリティ
9 freeeアクセシビリティー・ガイドライン https://a11y-guidelines.freee.co.jp/ • WCAGをもとに、freeeにあわせて独自ガイドラインを作成 • 対象となるコンテンツごとに項目を整理 •
freeeの性質にあわせて、達成基準のレベルを調整 • 各項目のなるべく具体的な確認方法の記載 • 充実した参考情報
10 freeeアクセシビリティー‧ガイドラインのチェック⽅法は、開発の流れにもとづいている 早い段階で問題を⾒つけられるよう、デザイナー‧エンジニア‧QAそれぞれ⽤のチェックシートがある アクセシビリティチェック デザイナー エンジニア QA デザインの アクセシビリティチェック コードの
アクセシビリティチェック プロダクト の アクセシビリティチェック シフトレフト: 品質向上の活動を前の段階へ移していく
11 アクセシビリティ有識者で、社内のアクセシビリティチェックに⽬を通す会を毎週やっている チェックの結果について、「こうしたほうがいい」「こうしたら直る」みたいなコメントをしたり、 ガイドラインやチェックリストに⾜りない情報を⾜したりしている 社内のアクセシビリティチェックをレビューする
12 「ユニバーサルな働き⽅」の導⼊事例として freee ウェブサイトで公開しています https://www.freee.co.jp/cases/?cond=issue~issue-28 障害者がfreeeを活⽤している事例を集めはじめた マッサージ店経営者(個⼈事業主)の事例 全盲の視覚障害者で、マッサージ店を経営している。視覚障害者でも使える会計ソフトを探すなかで、freeeに辿りついた。 紙の領収書や請求書は内容が読めないので、銀⾏やクレジットカード連携の機能を活⽤している。 ⽬が⾒えないため気軽に出歩きづらいこともあって、オンラインで会計事務所に帳簿を確認してもらっている。
製パン会社の事例 特別⽀援学校の職業体験や、障害者雇⽤を⽀援する機関から、障害者を積極的に採⽤している。 freee⼈事労務を導⼊したことで、知的障害のある従業員が使い慣れたスマートフォンを使って⾃分⾃⾝で⼊社⼿続きをしたり、 「世帯主」「扶養」など聞き慣れない⾔葉の多い年末調整も、家族と相談しながら⼊⼒できるようになった。 ⻭科専⾨情報サイトを運営する、株式会社WHITE CROSSの事例 脊髄の怪我により⼿⾜に障害があり、⾞椅⼦で⽣活する従業員が勤務している。 ⼿に障害があってキーボードでの操作には時間がかかるが、スマートフォンで操作できるfreee⼈事労務や、 紙とペンを使わずに契約ができるfreeeサインのおかげで、効率的に仕事をすることができている。
合理的配慮の取り組み
14 合理的配慮の義務 • 2024年4月に、障害者への「合理的配慮の提供」が義務化 ◦ 障害者差別解消法の改正が施行されたことによる • 合理的配慮:
障害者にとって社会が不便な状態になっているという障壁を 周囲が過重な負担にならない範囲で調整を行う • 事業者は合理的配慮を求められた場合には 、それを拒否せず、 障害者と対話して、できる範囲での調整を行わなければならない • Webのアクセシビリティは、社会の障壁を減らしていくための環境の整備 ◦ 障害者差別解消法では、努力義務と位置付けられる ◦ 合理的配慮が必要な場合、プロダクトの外で行うことが多くなりそう
15 合理的配慮の研修 • 合理的配慮の義務化に先立ち、社内のマネージャー層に 合理的配慮を体験する研修を行なった • 合理的配慮が自然に発生するようにルールを設定したワークショップ ◦ グループに分かれて、昨日の晩ごはんや旅行について話す
◦ ただし、目隠しをした人、声を出せない人が割り当てられている ◦ 必然的に誰かがコミュニケーションを媒介しないと会話が成立しない • 自然に発生した手助けが合理的配慮なんですよ、という種明かし ◦ 「皆が生きやすくなるために必要なもの」と思ってもらいたい 4⽉から義務化――障害がある⼈への「合理的配慮」とは 負担と線引きは? キモは“建設的な対話”【#みんなのギモン】 https://news.ntv.co.jp/category/economy/f3819a9519694eaf832a0d123e1f1659
16 合理的配慮方針をつくる • freeeはアクセシビリティだけでなく、DEI (Diversity, Equity & Inclusion)に以前から 取り組んできていた
• 当たり前にやっていたこと、これから当たり前にしていきたいことを、 あらためて会社の姿勢として明文化したい ◦ 製品のアクセシビリティへの取り組みを、必要とするお客様に届けたい ◦ freee自身が「社会の進化を担うバックオフィス」として、社会の模範 となる姿を示したい • 「合理的配慮⽅針」としてプレスリリースを出した
freee、「合理的配慮の対応⽅針」公開のお知らせ 障害のあるお客様等が「合理的配慮」について相談できる専⽤のお問い合わせ窓⼝を設置 https://corp.freee.co.jp/news/20240625_gouritekihairyo.html
18 合理的配慮の窓口を作った • 障害者の側からすると、合理的配慮の申し出をしようにも…… ◦ どこに問い合わせればいいのかわからない ◦ そもそも話を聞いてもらえるかどうかが不安 •
合理的配慮の窓口を用意することで、問い合わせ先が明確になり、 障害者を受け入れる姿勢を示すことにも繋げられるのではないだろうか • まずは専用のメールアドレスを用意して受け付けることにした ◦ freeeの製品を導入する前にも問い合わせることができる ◦ もしfreeeのプロダクト内の問い合わせ動線に問題があっても、 メールアドレスがあればコンタクトを取れる可能性が高まる
19 合理的配慮委員会も作った • 合理的配慮方針で示した社内委員会として、合理的配慮委員会を設立 • DEI推進、デザイン(アクセシビリティ)、サポート、広報、採用、法務の メンバーで構成 ◦ 委員長は中根雅文さん(視覚障害の当事者)
• 問い合わせ窓口の対応や、社内からの相談への対応、 合理的配慮に関する研修の企画を行う
20 おわりに • freeeのアクセシビリティの取り組みは、開発組織だけでなく、 社内全体にアクセシビリティを広げてきました • アクセシビリティの高いプロダクトの提供には、そこに関わる 人たちにも知ってもらい、協力してもらう必要があると考えています • 合理的配慮の体制を作ったことで、障害のある人がfreeeのサービスを
使えず諦めることがなくなり、改善にも繋がっていけるよう願っています ◦ 問い合わせからプロダクトの修正に繋がった事例も生まれています