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
360
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
110
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
lycorptech_jp
PRO
1
350
PM領域でのAI Agentの活用
lycorptech_jp
PRO
0
350
AI駆動開発を組織で促すために
lycorptech_jp
PRO
7
10k
検索技術知識0のエンジニアが広告検索システムを内製化して運用するまで
lycorptech_jp
PRO
1
440
No More Log Digging 〜AIを一次調査係にする アラートレビュー改善〜
lycorptech_jp
PRO
0
280
実践!既存 Project への AI-Driven Development 適用〜一ヶ月で Project 唯一のフロントエンドエンジニアを作り出せ〜
lycorptech_jp
PRO
1
540
AIが実装を自走する時代の認知負債との戦い
lycorptech_jp
PRO
3
1.3k
AIと1000本ノックしてたどり着いた、最速のプロダクト開発 ~toC向けAIエージェントUXを、動く選択肢とAIキャパシティで設計する~
lycorptech_jp
PRO
1
280
Other Decks in Technology
See All in Technology
実体験から学ぶ分析エージェントの開発と運⽤
recruitengineers
PRO
8
2.4k
1つのリクエストを追って理解する - llm-dのP/D分離
akhino
1
160
宣言型部分更新は何を解決しどこへ向かうのか
shuta13
1
450
USB PDを使ってスマホを労わりたい
raspython3
0
180
NDIでApple Vision Proにリアルタイム映像送信
jyouryuusui
0
120
Classmethod Company Deck
satoshi7
1
680
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
prog893
4
1k
会社説明資料
persolserverworks
0
9.8k
"優秀な誰か"の下位互換にならないために
yut0naga1_fa
1
1.8k
「事実」を「計測」して、「解釈」する 〜AWS Lambdaのメモリ最適解の見つけ方〜
maimyyym
0
170
UniFi(ユニファイ)AIカメラの現場活用
ludicmind
1
440
Refining Active Record
shugo
0
150
Featured
See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
710
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.9k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
12k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.4k
Paper Plane (Part 1)
katiecoart
PRO
2
12k
Test your architecture with Archunit
thirion
2
2.4k
Six Lessons from altMBA
skipperchong
29
4.5k
So, you think you're a good person
axbom
PRO
2
2.2k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.8k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
480
Game over? The fight for quality and originality in the time of robots
wayneb77
1
300
The SEO identity crisis: Don't let AI make you average
varn
0
590
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