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
freeeのアクセシビリティの現在地 / freee's Current Position o...
Search
ymrl
July 09, 2025
Technology
2
170
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
アクセシビリティ言われてやること?エンジニア・デザイナーが語る 良いプロダクトを作るアクセシビリティ
での登壇資料です
ymrl
July 09, 2025
Tweet
Share
More Decks by ymrl
See All by ymrl
全社でアクセシビリティに取り組む / Company-wide Accessibility Initiatives
ymrl
0
11
デザイナーが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
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
300
Delegating the chores of authenticating users to Keycloak
ahus1
0
140
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
airtravelguide
0
340
OSSのSNSツール「Misskey」をさわってみよう(右下ワイプで私のOSCの20年を振り返ります) / 20250705-osc2025-do
akkiesoft
0
160
SmartNewsにおける 1000+ノード規模 K8s基盤 でのコスト最適化 – Spot・Gravitonの大規模導入への挑戦
vsanna2
0
130
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
kaonavi
9
4.1k
United Airlines Customer Service– Call 1-833-341-3142 Now!
airhelp
0
170
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
2
21k
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
460
品質と速度の両立:生成AI時代の品質保証アプローチ
odasho
1
330
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
2
250
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
6.8k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Raft: Consensus for Rubyists
vanstee
140
7k
How GitHub (no longer) Works
holman
314
140k
Designing for humans not robots
tammielis
253
25k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
RailsConf 2023
tenderlove
30
1.1k
Rails Girls Zürich Keynote
gr2m
95
14k
Thoughts on Productivity
jonyablonski
69
4.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Optimizing for Happiness
mojombo
379
70k
Transcript
freeeのアクセシビリティの現在地
2 • フリー株式会社 デザイナー‧エンジニア • デザインシステムを作っています • Webアプリケーションアクセシビリティの共著者 ◦
最近、韓国でも発売されました • 個⼈でAccessibility Visualizerを作っています @ymrl(やまある) デザイナー / エンジニア ⼭本 伶
3 VISION だれもが⾃由に経営できる 統合型経営プラットフォーム。
電⼦稟議 経費精算 債権債務 管理 ⼈事労務 電⼦契約 固定資産 請求管理 会計
⼯数管理 販売管理 会計‧⼈事労務‧販売管理を核とした 統合型経営プラットフォーム
5 だれもが自由に経営できる 統合型経営プラットフォーム。 統合型経営プラットフォームはみんなで使うもの。 だれもが自由に自然体で使える プロダクトを作っていきたい。
なぜfreeeはアクセシビリティーに取り組むのか
6 だれもが使えるプラットフォームのユーザは……? • フルタイムでデスクでパソコンを使った仕事をしている人 • 小売店、飲食店、美容院などの店舗で働いている人 • 建設業、運送業、清掃業など、オフィスではなく現場で作業を行う人 •
リモートワークで、子育てや介護などをしながら働いている人 • 年齢層が高い人、年齢層が低い人 • 障害がある人、病気を抱えている人 • 外国ルーツの人 • いまから新しいビジネスを始めようとしている人
7 freeeのアクセシビリティが向上すれば プロダクトや機能のアクセシビリティを向上させることで、 多様な人たちの可能性を広げていくことができると考えています • 開業・起業する人向けのプロダクト・機能 のアクセシビリティ向上で、 どんな人でもビジネスを始めることができる ようになる
• 従業員向けのプロダクト・機能 のアクセシビリティの向上で、 勤怠打刻や経費精算などが他の人と同じようにできるようになる • あらゆる業務に関わるプロダクト・機能 のアクセシビリティ向上で、 その業務をあらゆる人ができるようになり、働き方の可能性が広がる
8 総務省 情報アクセシビリティ好事例 • モバイルアプリを中心に、総務省の「情報アクセシビリティ好事例」に 応募し、その結果が公表されています ◦ freee請求書アプリ ◦
freee支出管理 小口現金 ◦ freee人事労務:アプリで勤怠入力・給与明細閲覧 ◦ freee人事労務 健康管理 • これらのは、情報アクセシビリティ「自己評価様式」も公開しています https://www.freee.co.jp/accessibility/
9 「ユニバーサルな働き⽅」の導⼊事例として freee ウェブサイトで公開しています https://www.freee.co.jp/cases/?cond=issue~issue-28 障害者がfreeeを活⽤している事例を集めています マッサージ店経営者(個⼈事業主)の事例 全盲の視覚障害者で、マッサージ店を経営している。視覚障害者でも使える会計ソフトを探すなかで、freeeに辿りついた。 紙の領収書や請求書は内容が読めないので、銀⾏やクレジットカード連携の機能を活⽤している。 ⽬が⾒えないため気軽に出歩きづらいこともあって、オンラインで会計事務所に帳簿を確認してもらっている。
製パン会社の事例 特別⽀援学校の職業体験や、障害者雇⽤を⽀援する機関から、障害者を積極的に採⽤している。 freee⼈事労務を導⼊したことで、知的障害のある従業員が使い慣れたスマートフォンを使って⾃分⾃⾝で⼊社⼿続きをしたり、 「世帯主」「扶養」など聞き慣れない⾔葉の多い年末調整も、家族と相談しながら⼊⼒できるようになった。 ⻭科専⾨情報サイトを運営する、株式会社WHITE CROSSの事例 脊髄の怪我により⼿⾜に障害があり、⾞椅⼦で⽣活する従業員が勤務している。 ⼿に障害があってキーボードでの操作には時間がかかるが、スマートフォンで操作できるfreee⼈事労務や、 紙とペンを使わずに契約ができるfreeeサインのおかげで、効率的に仕事をすることができている。
10 合理的配慮の窓口を作った • 2024年4月に、障害者への「合理的配慮の提供」が義務化 ◦ 障害者差別解消法の改正が施行されたことによる ◦ 合理的配慮:
障害者にとって不便な状態になっているという障壁を 周囲が過重な負担にならない範囲で調整を行う • 事業者は合理的配慮を求められた場合には 、それを拒否せず、 障害者と対話して、できる範囲での調整を行わなければならない • Webのアクセシビリティは、社会の障壁を減らしていくための環境の整備 ◦ 障害者差別解消法では、努力義務と位置付けられる ◦ 合理的配慮が必要な場合、プロダクトの外で行うことが多くなりそう • 組織を横断して、社外への合理的配慮に対応する委員会を作った
11 合理的配慮の窓口の必要性 • 障害者の側からすると、合理的配慮の申し出をしようにも…… ◦ どこに問い合わせればいいのかわからない ◦ そもそも話を聞いてもらえるかどうかが不安 •
合理的配慮の窓口を用意することで、問い合わせ先が明確になり、 障害者を受け入れる姿勢を示すことにも繋げられるのではないだろうか • まずは専用のメールアドレスを用意して受け付けることにした ◦ freeeの製品を導入する前にも問い合わせることができる ◦ もしfreeeのプロダクト内の問い合わせ動線に問題があっても、 メールアドレスがあればコンタクトを取れる可能性が高まる
12 freeeアクセシビリティー・ガイドライン https://a11y-guidelines.freee.co.jp/ • WCAGをもとに、freeeにあわせて独自ガイドラインを作成 • 対象となるコンテンツごとに項目を整理 •
freeeの性質にあわせて、達成基準のレベルを調整 • 各項目のなるべく具体的な確認方法の記載 • 充実した参考情報
13 freeeアクセシビリティー‧ガイドラインのチェック⽅法は、開発の流れにもとづいている 早い段階で問題を⾒つけられるよう、デザイナー‧エンジニア‧QAそれぞれ⽤のチェックシートがある アクセシビリティチェック デザイナー エンジニア QA デザインの アクセシビリティチェック
コードの アクセシビリティチェック プロダクトの アクセシビリティチェック シフトレフト: 品質向上の活動を前の段階へ移していく
14 アクセシビリティ有識者で、社内のアクセシビリティチェックに⽬を通す会を毎週やっている チェックの結果について、「こうしたほうがいい」「こうしたら直る」みたいなコメントをしたり、 ガイドラインやチェックリストに⾜りない情報を⾜したりしている 社内のアクセシビリティチェックをレビューする
15 職種を問わず、アクセシビリティの研修をしている • 職種を問わず、すべてのメンバーがアクセシビリティの研修を受ける • 会社の外に対してだけでなく、社内のコミュニケーションにも アクセシビリティの視点を取り入れて効率よくしてほしい ◦ 社内にもアクセシビリティを必要とする人がいる
◦ わかりやすいコミュニケーションで困る人はいない • 開発者向けには、追加で技術的な研修を実施している ◦ プロダクト開発でのアクセシビリティの実践方法 ◦ 実装時に気をつけてほしいことなどを伝える
16 視覚障害のある社員がいるので、ドリンクバーに点字のメニューが⽤意されていたり、 Slackに貼られた画像の代替テキストが良い感じのときに :nice_alt: リアクションをする⽂化がある 社内に普通にアクセシビリティがある
17 おわりに • freeeでは「だれもが自由に経営できる統合型経営プラットフォーム。 」 の実現のために、高いアクセシビリティが必須だと考えています • アクセシビリティに取り組んでいくことで、さまざまな人が 社会で活躍していける土壌を作ることができると考えています •
実際に、障害のあるユーザーがfreeeを使っている例や、障害者からの 問い合わせから、プロダクトの問題の修正に繋がった例もあります • そのために、ガイドラインを策定し、開発プロセスの早い段階から アクセシビリティを意識していけるように整備しています