Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
あなたの知らないPDFのアクセシビリティ
Search
LINEヤフーTech (LY Corporation Tech)
PRO
June 19, 2026
Technology
340
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
あなたの知らないPDFのアクセシビリティ
2026年6月19日に行われたLT会「CA11Y #4」で使用した資料です。 #ca11y
LINEヤフーTech (LY Corporation Tech)
PRO
June 19, 2026
More Decks by LINEヤフーTech (LY Corporation Tech)
See All by LINEヤフーTech (LY Corporation Tech)
Scaling Beyond the Exabyte: Lessons from Hadoop Integration and Operations at LY Corporation
lycorptech_jp
PRO
0
71
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
lycorptech_jp
PRO
1
300
PM領域でのAI Agentの活用
lycorptech_jp
PRO
0
310
AI駆動開発を組織で促すために
lycorptech_jp
PRO
8
9.8k
検索技術知識0のエンジニアが広告検索システムを内製化して運用するまで
lycorptech_jp
PRO
1
400
No More Log Digging 〜AIを一次調査係にする アラートレビュー改善〜
lycorptech_jp
PRO
0
230
実践!既存 Project への AI-Driven Development 適用〜一ヶ月で Project 唯一のフロントエンドエンジニアを作り出せ〜
lycorptech_jp
PRO
1
530
AIが実装を自走する時代の認知負債との戦い
lycorptech_jp
PRO
3
1.3k
AIと1000本ノックしてたどり着いた、最速のプロダクト開発 ~toC向けAIエージェントUXを、動く選択肢とAIキャパシティで設計する~
lycorptech_jp
PRO
1
260
Other Decks in Technology
See All in Technology
作って終わりじゃないサーバーレス 〜9年運用する大規模EC物流API基盤の設計・運用のリアル〜
zozotech
PRO
0
500
地方移住と都心キャリアの両立は「金・時間・人」のリソースをフル活用すれば実現できる!〜Snowflake女子会 vol.8
snowwmn0824
0
110
EventBridge に「合流」はない ― サーバーレスのワークフローを育てるということ / No Join in EventBridge
yusukeshimizu
2
510
絵ではじめるKubernetesセキュリティ
aoi1
5
710
AI時代、データエンジニアが一番おもろい
genshun9
0
690
【技術的負債conf】事業成長に伴う技術的負債の説明責任とAIによるモニタリング、認知的負債について
i35_267
4
2.1k
AIによるクリエイティブ生成を行う上での試行錯誤
plaidtech
PRO
0
180
Mastering Agentic Development: Harness Engineering for Effective Coding Agents
konippi
3
470
Making AI Agents Safe and Fast- Jev, Obsidian, and the Meta-Harness
x5gtrn
PRO
0
130
あけおめLINE 傾向とその対策
nasa9084
0
310
人間はどの意思決定を手放せるのか
kawasima
15
8.1k
サーバーレスをどこまで使う? WebRTC対戦ゲームで選んだVPSとの共存設計
kaidouji85
0
400
Featured
See All Featured
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
470
Bash Introduction
62gerente
615
220k
Building Adaptive Systems
keathley
44
3.2k
Six Lessons from altMBA
skipperchong
29
4.5k
Music & Morning Musume
bryan
48
7.4k
YesSQL, Process and Tooling at Scale
rocio
174
15k
My Coaching Mixtape
mlcsv
0
320
Skip the Path - Find Your Career Trail
mkilby
1
240
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
530
Google's AI Overviews - The New Search
badams
0
1.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Crafting Experiences
bethany
1
350
Transcript
© LY Corporation © LY Corporation あなたの知らない PDFのアクセシビリティ ドメイン開発支援ユニット 中野
信 1
© LY Corporation 自己紹介 • 中野 信 (なかの まこと) •
主な業務 • プロダクトのアクセシビリティの向上 • アクセシビリティガイドラインの運用 • Yahoo! JAPAN UIガイドラインの運用 • ウェブアクセシビリティ基盤委員会 (WAIC) 作業部会1 主査 2
© LY Corporation 関わったもの NVDAチートシート NVDA 日本語チーム CC BY 4.0
有限会社 時代工房 CC PDM 1.0 PDF版 WCAG 2.2 早見表 3
© LY Corporation 今回お話する内容 • アクセシビリティの土台になる「テキストを正しく保持すること」を話す • タグ、読み上げ順、代替テキストの付与といった作業とは別の問題である • ウェブアクセシビリティの話だが、ウェブ技術の話は一切出てこない
4
© LY Corporation アクセシブルなPDFとは • ざっくりいうとスクリーンリーダーでも閲覧できるPDF • テキスト、見出し、段落、リスト、表、画像などの情報を保持している • 支援技術が文書の構造と内容を理解できる
5
© LY Corporation PDF制作の手順 ツールでコンテンツを編集 タグで情報構造を付与 画像に代替テキストを付与 読み上げ順を設定 しおり、メタ情報を付与 ツール
今回の話 6
© LY Corporation PDFの技術的な説明 7
© LY Corporation テキストに関わる用語・要素 用語・要素 説明 グリフ 文字の見た目、字形 GID グリフID。フォント内で字形に付いている番号
CID キャラクターID。日本語などの大きな文字集合で使う文字・ 字形の番号 ToUnicode CMap PDF内の文字コードをUnicodeに変換するための対応表 8
© LY Corporation PDF内の文字は表示とコピーで仕組みが異なる PDF内の 文字コード CID グリフ (見た目) Unicode
(コピー・読み上げ) 表示 コピー フォントの GID ToUnicode CMap • 対応がずれると、表示が変わったりコピーした文字が文字化けしたりする 9
© LY Corporation 日本語PDFではサブセットフォントが使われる • 日本語は使用する文字数が多く、すべてのフォントデータを埋め込むと ファイルサイズが大きくなる • そのため、PDF内で使う文字だけを取り出したフォントを用いる場合が多い •
この仕組みで作られたフォントをサブセットフォントと呼ぶ 10
© LY Corporation サブセットフォントの作られ方 1. PDFに出力するテキストを集める 2. PDF内で使う文字コードとフォント内のグリフを対応させる 3. サブセットフォントのファイルを作る
4. ToUnicode CMapを作る → これらの作業はツールが半自動的に行うため、調整できる余地は少ない 11
© LY Corporation テキストを保持したPDFを 作る際に起きる問題 12
© LY Corporation 文字がアウトライン化・画像化される 永 表示はイメージです。 13
© LY Corporation 意図しない文字が表示されてコピー結果も文字化け 永 グリフ(PDFの表示) コピー結果 表示はイメージです。 14
© LY Corporation 表示は正しいがコピーしたテキストが文字化けする 永 グリフ コピー結果 表示はイメージです。 15
© LY Corporation よく似ている別の文字に置き換わる 水 U+6C34 グリフ コピー結果 U+2F54 康煕部首
(こうきぶしゅ) 16
© LY Corporation 一部の文字だけ文字化けする JIS X 8341-3 グリフ JIS X
8341-3 コピー結果 JIS X � � � � -� 表示はイメージです。 17
© LY Corporation なぜ問題が起きるのか? • 処理できない文字において表示が優先される • サブセットフォントを作る際に誤ったGIDが指定されてしまう • 誤ったCIDにマッピングされてしまう
(コピーの文字化け) • 同じGIDの異なるグリフに誤ってマッピングされてしまう (康煕部首など) • 日本語、英語、数字など文字の種類で異なるサブセットフォントに処理される 18
© LY Corporation どのように対応するか 19
© LY Corporation 対応方法 • 「アクセシブルなPDFを出力できる」と明記しているツールを使う • Word、PowerPoint、InDesign など •
TrueTypeフォントを使う • 利用実績のある「CIDの文字集合」を用いたフォントを使う • Adobe-Japan1 など • 困ったら生成AIに相談する。半分程度間違っているが方向性はわかる • PDFではなくウェブ技術でコンテンツを作る 20
© LY Corporation まとめ • PDFは頑張ればアクセシブルにできる • 日本語では「文字を見た目通りのテキストでコピーできるPDF」を作るだけで も問題が起きやすい。難しい。でも頑張ろう •
ウェブ技術でコンテンツを作ることを視野に入れたほうがよい 21
© LY Corporation © LY Corporation Thank You! 22