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
チェックツールを導入したけど使ってもらえなかった話 #GAADjp
Search
LINEヤフーTech (LY Corporation Tech)
PRO
May 15, 2025
Technology
1
230
チェックツールを導入したけど使ってもらえなかった話 #GAADjp
GAAD Japan 2025の1コーナー「A11yOops Japan(アクセシビリティしくじり先輩)」で発表した資料です。
https://www.gaad.jp/a11yoops/
LINEヤフーTech (LY Corporation Tech)
PRO
May 15, 2025
Tweet
Share
More Decks by LINEヤフーTech (LY Corporation Tech)
See All by LINEヤフーTech (LY Corporation Tech)
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
870
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
890
AdKDD2025 Keynote から見る広告ランキングシステムのトレンド
lycorptech_jp
PRO
0
51
Click A, Buy B: Rethinking Conversion Attribution in ECommerce Recommendations
lycorptech_jp
PRO
0
130
Java 25 Overview 並行処理とGC周りの新機能
lycorptech_jp
PRO
0
48
Rust In Python
lycorptech_jp
PRO
9
390
使いやすいプラットフォームの作り方 ー LINEヤフーのKubernetes基盤に学ぶ理論と実践
lycorptech_jp
PRO
2
380
How to quickly drive the track to Android Auto
lycorptech_jp
PRO
1
33
Yahoo!ショッピングにおけるQAエンジニア
lycorptech_jp
PRO
0
340
Other Decks in Technology
See All in Technology
Implementing and Evaluating a High-Level Language with WasmGC and the Wasm Component Model: Scala’s Case
tanishiking
0
180
マルチエージェントのチームビルディング_2025-10-25
shinoyamada
0
140
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
3l4l5
3
340
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
2
750
「最速」で Gemini CLI を使いこなそう! 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
aoto
PRO
1
170
個人でデジタル庁の デザインシステムをVue.jsで 作っている話
nishiharatsubasa
3
5k
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
shuta13
3
200
AI AgentをLangflowでサクッと作って、1日働かせてみた!
yano13
1
150
AIプロダクトのプロンプト実践テクニック / Practical Techniques for AI Product Prompts
saka2jp
0
110
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
14k
様々なファイルシステム
sat
PRO
0
240
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
180
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Designing for humans not robots
tammielis
254
26k
Making Projects Easy
brettharned
120
6.4k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Music & Morning Musume
bryan
46
6.9k
Automating Front-end Workflow
addyosmani
1371
200k
YesSQL, Process and Tooling at Scale
rocio
173
15k
Six Lessons from altMBA
skipperchong
29
4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Transcript
© LY Corporation © LY Corporation Web Accessibility Team Nakano
Makoto / 中野 信 チェックツールを導⼊したけど 使ってもらえなかった話 #GAADjp
© LY Corporation • 中野 信 (なかの まこと) • プロダクトのアクセシビリティの向上と
UIガイドラインの策定・運⽤に関わっています • LINEヤフーのWebアクセシビリティチーム • Yahoo! JAPAN UIガイドラインのチーム 2 ⾃⼰紹介
© LY Corporation 3 これは10年ほど前の話である
© LY Corporation • 当時、ウェブアクセシビリティ計測のためのチェックツールを探していた • 公的機関などで使われているツールはあった • 使い勝⼿などの⾯で導⼊が難しかった •
アメリカのアクセシビリティコンサルが開発しているツールはあった • UIとマニュアルが英語だった • 「アクセシビリティかつ英語」という状態はハードルが⾼かった 4 チェックツールを探していた
© LY Corporation • UIとマニュアルが⽇本語だった • 開発組織も国内でサポートを受けやすそうだった • 会社に導⼊しやすいと考えた 5
国産のアクセシビリティチェックツールを⾒つけた
© LY Corporation • 先⽅に連絡して契約⽅法を決め、予算を確保して導⼊した • 各プロダクトのデザイン責任者に説明した • 簡易的なマニュアルを作成したうえで導⼊した 6
導⼊に向けて進めてみた
© LY Corporation • 実際には利⽤される機会はとても少なかった • 数年後にライセンス契約を縮⼩した 7 導⼊に向けて進めてみたが…
© LY Corporation 8 なぜそのようなことが起きたか?
© LY Corporation • これは、ウェブアクセシビリティの改善導⼊で起きた失敗例である • ウェブアクセシビリティ改善に銀の弾丸はない • ツール導⼊は条件を考えて導⼊しないとうまくいかない •
⽬的とゴールを説明しないと、有効に使われない 9 ツールが使われなかった理由
© LY Corporation 10 どうすればよかったか?
© LY Corporation • ⽬的 • なぜやるのか • 結果と効果測定 •
何をどこまでやるのか • 結果はどのように分かって計測できるのか • ⽅法 • どのようにやるのか。ツールはあるのか 11 アクセシビリティの改善は、地道に⾏う
© LY Corporation • ウェブアクセシビリティ改善に銀の弾丸はない (2回⽬) • 理解・共感と改善は両輪で進む。両⽅を進める必要がある • 「徐々に進める」が⼤事
12 同じ過ちを犯さないように
© LY Corporation © LY Corporation Thank You! 13