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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
LINEヤフーTech (LY Corporation Tech)
PRO
June 19, 2026
Technology
280
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)
No More Log Digging 〜AIを一次調査係にする アラートレビュー改善〜
lycorptech_jp
PRO
0
54
実践!既存 Project への AI-Driven Development 適用〜 一ヶ月で Project 唯一のフロントエンドエンジニアを作り出せ〜
lycorptech_jp
PRO
0
380
AIが実装を自走する時代の認知負債との戦い
lycorptech_jp
PRO
2
1.1k
AIと1000本ノックしてたどり着いた、最速のプロダクト開発 ~toC向けAIエージェントUXを、動く選択肢とAIキャパシティで設計する~
lycorptech_jp
PRO
1
110
プライバシー保護の理論と実践
lycorptech_jp
PRO
1
270
AIDLC_ヤフーショッピングの取り組み
lycorptech_jp
PRO
0
680
Business ID Integration at LY Corporation : Phased Migration for a B2B authentication platform with Tens of Millions of Users
lycorptech_jp
PRO
0
55
LINE Messaging: From Active-Standby to Active-Active Multi-DC Architecture
lycorptech_jp
PRO
0
85
LY Corporation's implementation of Confidential VM ensuring privacy for AI features
lycorptech_jp
PRO
0
97
Other Decks in Technology
See All in Technology
Amazon Quick 入門!
ysuzuki
2
130
発表と総括 / Presentations and Summary
ks91
PRO
0
190
”AIを使う” から ”AIに任せる” へ ─ 開発プロセスを再設計してAIを組織標準にするまで
cyberagentdevelopers
PRO
1
140
プロダクト開発組織の現在地(Ver.2026/07) / product-organization
kaonavi
0
380
生成 AI 時代にいま一度「問い合わせ」について考えてみる
kazzpapa3
1
130
AI、CDK と協働する Full TypeScript アプリケーション開発 / Full TypeScript Application with AI and CDK
geekplus_tech
2
480
AI工学特論: MLOps・継続的評価
asei
4
640
なぜ、あなたのエージェントは言うことを聞かないのか
segavvy
1
340
全社でのソフトウェアサプライチェーン攻撃対策をやってみた with Takumi Guard
z63d
0
260
AmplifyHostingConstructからSSRフレームワークのためのホスティング設計を考察する/amplify-hosting-construct
fossamagna
1
300
Amplify Gen2でbackend.tsにCDKを定義する/しない事によるCDKの挙動の違いとユースケース
smt7174
1
490
CDKで書くECSのベストプラクティス、 改めて考え直す2026 #cdkconf2026
makies
3
930
Featured
See All Featured
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
57k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
470
Mobile First: as difficult as doing things right
swwweet
225
10k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
970
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
490
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
620
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
3
360
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
370
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
330
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