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
380
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
Transcript
22 slides
© 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
More Decks by LINEヤフーTech (LY Corporation Tech)
See All by LINEヤフーTech (LY Corporation Tech)
Community Over Code Glasgow 2026 + Lakehouse Day recap
lycorptech_jp
PRO
1
110
LLMをConfidential VMで動かす話
lycorptech_jp
PRO
0
110
Scaling Beyond the Exabyte: Lessons from Hadoop Integration and Operations at LY Corporation
lycorptech_jp
PRO
0
130
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
lycorptech_jp
PRO
1
400
PM領域でのAI Agentの活用
lycorptech_jp
PRO
0
380
AI駆動開発を組織で促すために
lycorptech_jp
PRO
7
10k
検索技術知識0のエンジニアが広告検索システムを内製化して運用するまで
lycorptech_jp
PRO
1
480
No More Log Digging 〜AIを一次調査係にする アラートレビュー改善〜
lycorptech_jp
PRO
0
310
実践!既存 Project への AI-Driven Development 適用〜一ヶ月で Project 唯一のフロントエンドエンジニアを作り出せ〜
lycorptech_jp
PRO
1
570
Other Decks in Technology
See All in Technology
Gemma4 Hands-on at Nagoya
tsho
0
100
人間+AIを「チーム」としてプロセスを再設計する
littlehands
3
2.6k
高品質と高スピードを支える品質のシフトレフトのアプローチ
goyoki
4
1.1k
アラートを見直していたら営業組織への理解にちょっとだけ繋がった話
z63d
1
200
Agent Harnessはどう作る?事例から学ぶAI Agentの設計思想
sergicalsix
0
300
[NW-JAWS DAY]「うちのAWS、インターネット出られないんで」― AWS外の自社サービスをPrivateLinkでシュッと公開する方法
ykimi
2
330
セキュリティ専任チームなしで攻撃を先回りするSREが実践したSIEM on Amazon OpenSearch Service
cscengineer
PRO
1
880
農夫は秘伝のタレを知らない - NOBODY KNOWS THE HIDDEN SOURCE - Kaggriculture 3rd Place Solution
masspeaks
0
320
業務でAWSをあまり使っていない私が、AWSへのモチベを保つ方法
smt7174
0
200
うちなーぐちが認識できるなら、秋田弁もいけるはず!? Amazon Transcribe方言チューニング検証
ryouto715
1
180
少ない人手 限られた予算 それでも守る 消せない・見つける・戻れる オールハザード型BCP on AWS / 20261107 Mitsutoshi Matsuo
shift_evolve
PRO
0
380
JAWSコミュニティに 参加して1年経った結果
ssakita
0
150
Featured
See All Featured
Being A Developer After 40
akosma
PRO
92
590k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
470
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
800
Designing for Timeless Needs
cassininazir
1
560
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
460
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
590
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
60k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Music & Morning Musume
bryan
48
7.5k
A designer walks into a library…
pauljervisheath
211
25k