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
あなたの知らないPDFのアクセシビリティ
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
LINEヤフーTech (LY Corporation Tech)
PRO
June 19, 2026
Technology
18
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)
連合学習と機密コンピューティング
lycorptech_jp
PRO
0
78
類似画像検索モデルの開発ノウハウ
lycorptech_jp
PRO
5
1.2k
NFLコンペ2026 解法
lycorptech_jp
PRO
0
160
Kaggle未経験社員をメダリストに育てる「AIドラゴン桜」
lycorptech_jp
PRO
0
740
コーポレートサイトのアクセシビリティ改善とJIS準拠への実践
lycorptech_jp
PRO
2
170
Yahoo!ファイナンス - 投資の「難しい・手間がかかる」を「分かる・簡単にする」-
lycorptech_jp
PRO
0
53
Slack MCPでインシデント対応とFAQ生成を加速する:社内ワークショップの実践
lycorptech_jp
PRO
0
930
SDDで⾒える、AIコーディングの"内訳"
lycorptech_jp
PRO
0
990
コーディングAIが導くリスクベースド探索的テストの実践
lycorptech_jp
PRO
1
970
Other Decks in Technology
See All in Technology
Chainlitで作るお手軽チャットUI
ynt0485
0
130
Claude Code×Terraform IaC テンプレート駆動開発
itouhi
1
490
Building applications in the Gemini API family.
line_developers_tw
PRO
0
2.8k
爆速でマルチプロダクトを立ち上げる時 事業・CTO目線で大事にしたい事
miyatakoji
0
100
OCI Oracle AI Database Services新機能アップデート(2026/03-2026/05)
oracle4engineer
PRO
0
360
Kubernetesにおける学習基盤とLLMOpsの概要
ry
1
230
Reliability in the Age of AI: Engineering for AI Velocity
rrreeeyyy
0
120
AmazonRoute 53ではじめてのドメイン取得!HTTPS化までの道のりを整理してみた
usanchuu
3
130
AWSシリコン最前線 〜AI時代のチップ選択を読み解く〜
htokoyo
2
380
機械学習を「社会実装」するということ 2026年夏版 / Social Implementation of Machine Learning June 2026 Version
moepy_stats
4
1.2k
Bucharest Tech Week 2026 - Reinventing testing practices in the AI era
edeandrea
PRO
1
130
RSA暗号を手計算したくなること、ありますよね?? (20260615_orestudy6_rsa)
thousanda
0
160
Featured
See All Featured
From π to Pie charts
rasagy
0
200
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
320
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
220
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
560
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
720
Prompt Engineering for Job Search
mfonobong
0
340
Making Projects Easy
brettharned
120
6.7k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
230
How STYLIGHT went responsive
nonsquared
100
6.2k
Designing for humans not robots
tammielis
254
26k
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