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
電子書無障礙發展史與規範實踐
Search
Bobby Tung
January 23, 2024
Technology
0
52
電子書無障礙發展史與規範實踐
無障礙是多用一點心,人人都能「讀」到電子書
──電子書無障礙發展史與規範實踐
民國113年1月16日 15:30-17:30 城邦生活講堂
台灣數位出版聯盟
汪達數位出版/W3C邀請專家 董福興
Bobby Tung
January 23, 2024
Tweet
Share
More Decks by Bobby Tung
See All by Bobby Tung
EPUB導覽文件完全攻略
bobbytung
0
52
以Markdown製作EPUB 3文字書
bobbytung
0
170
HTML與CSS入門
bobbytung
0
55
都 2017 了注音還沒搞定嗎?
bobbytung
5
450
幾個中文排版訣竅,有效改善閱讀體驗
bobbytung
1
810
Other Decks in Technology
See All in Technology
Turing × atmaCup #18 - 1st Place Solution
hakubishin3
0
490
KnowledgeBaseDocuments APIでベクトルインデックス管理を自動化する
iidaxs
1
270
ガバメントクラウドのセキュリティ対策事例について
fujisawaryohei
0
560
大幅アップデートされたRagas v0.2をキャッチアップ
os1ma
2
540
PHPからGoへのマイグレーション for DMMアフィリエイト
yabakokobayashi
1
170
サービスでLLMを採用したばっかりに振り回され続けたこの一年のあれやこれや
segavvy
2
500
MLOps の現場から
asei
7
650
alecthomas/kong はいいぞ / kamakura.go#7
fujiwara3
1
300
レンジャーシステムズ | 会社紹介(採用ピッチ)
rssytems
0
200
re:Invent 2024 Innovation Talks(NET201)で語られた大切なこと
shotashiratori
0
320
祝!Iceberg祭開幕!re:Invent 2024データレイク関連アップデート10分総ざらい
kniino
3
320
20241214_WACATE2024冬_テスト設計技法をチョット俯瞰してみよう
kzsuzuki
3
600
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.1k
Designing for Performance
lara
604
68k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Fireside Chat
paigeccino
34
3.1k
4 Signs Your Business is Dying
shpigford
181
21k
Become a Pro
speakerdeck
PRO
26
5k
BBQ
matthewcrist
85
9.4k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Bash Introduction
62gerente
608
210k
Designing for humans not robots
tammielis
250
25k
Scaling GitHub
holman
458
140k
Transcript
113 1 月 16 日 15:30-17:30 建 生 界 助失
系 助失 / W3C 。 證 用 一 心 人 人 籤 子 子 證給 母誌部
? ⽌ 基 子 ?W3C i18 WG 文 厲 ?
音 ?EPUB 3.1~3.3誌 證部 ? 因⽩ 誌失 ? 失 EPUB ? 基 助 證• 傳 子 TTS ; 系 助失 報 人 •W3C 自 己 引
Creative Commons BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0/ ⼿ ⾶ 括 決每必 🙏
片文 用文鼎 Universal Design 黑 B5Pro Adobe Creative Cloud 措 用
? 一小 給 母 ? 子 誌 證 逐 給
母 ? 二小 EPUB 證 誌 部 ? EPUB 證 員 ? 證 •EPUB 用 1.1誌 日 籤 證 ? • 小 證部 ?WCAG•給符 • ⽅ ⽅ 日 部
乎 言 尺 子 ⾶ 個 證…
用 心 🧠 心 ❤ 心
一 而
169 措 ? ⽚伯 肉 ? 子 ⾃ 次籤 ?
訂 「 措 ? 措 基 籤 證 ? 男 籤 每 委 檢 而 措 幾礙 傳 ⋯⋯ 片 NHK ・ 個 当制 https://www.nhk.or.jp/shutoken/wr/20230626a.html
片 金
https://www.ntl.edu.tw/lp.asp?CtNode=759&CtUnit=256&BaseDSD=7
📖÷ 🎙⾃ ⠊⠌⠄ 📘 大 高 • 金 •
📱 🖥 文 🔊 音 ⠙⠞⠈⠓⠐ 🔍 大 ⽩ 靜失
生 ⾃ ⼿ 用心 ?<img src="doxie.jpg" alt="……………"/> ? ⾃ 史
文 銀 章 片 ?之 AI 銀 厲 AI ? 章 一 色 年 嵌 壓 年 ;
💰 🪙 🪙🪙 🪙🪙🪙 高 • 金 ⾃ 人 助
證 入一 金 ⽩ 明⾃ 人
高 ⽌ 。每哥 老
1. 個另 人 • 個另 人自己 問 罕 2. 3.
⽅辦 入 4. 個男員 人 委 身心 證 人 一 5. 床 6. 證 7. 女 ⽩ 8. 個呼 身心 證呼 Convention on the Rights of Persons with Disabilities 身 心 證 ⽂
一 ⽅ 子 給 母誌 證
子 給 文 誌 符 1971 打 ⾸ 2000 OEBPS
2007 Kindle EPUB 2 2012 EPUB 3 1991 Expanded Book 90 史 基 2000-2008 Flash 2008- App 文
1971打 ⾸ 文 ? ⽿ 員 人 裝 史; ?
Michael Hart報 立 誌 去 工 力 括 ⼿ ; ? 用 文 誌 ;符 用 HTML•TeX誌 ReStructedText ; ? 給 ⽂ ⾸ ;
Books on Browsers 2014 https://www.youtube.com/watch?v=rhLRBrMZ66Y
裝 一 1961 John Larry Kelly et al. on IBM
7094
表 文 第 方 ? 表 文 田 生 生
1997 立 ? XML ⾃ 失 明 1998 給 自己 方 ? 表 文 ⾃ 文 身 之 次 面口 銀
1991Voyager ⽿ 基 子 ? 用 ⽿ 麥 金 OS⼿
HyperCard 逐⽰ ; ? Bob Stein括 立 目 款; ? 括 立 既 基 •Flash誌 App ; ? ⽿ 子 長 ;
Apple HyperCard 尚 長 片 工
Expanded Books ⽰ 基⼿ CD Companion 3.5 片 傳 ;
音 條 用 ; https://vimeo.com/18571954 既 史 辦 片片 誌 銀⼿ ; https://vimeo.com/18571954
Apple 證 … Macintalk VoiceOver 1984/1/30 Macintosh launch demo 2006/8/7
WWDC '06
2000 OEBPS 子 一 ⽌ ? Palm PDA 90 史給
失 ⾃ 行 基 子 ; ? 既 基⽩ 裝⾸ 常 子 基OEBPS ; ? ⽩ ⾸ 章 造 ;
一 . 符 Typographic Richness 二 . 跨 Adaptability .
用 Accessibility . ⽌ International 孔. XML XML Compatibility . DRM Capability ⼥. 傳 Truly Open Standard By Jon Noring 用 子 ⼥ 厲
W3C誌 證 Web for All ? 1989 Tim Berners-Lee給 WWW
頁 逐; ? 1995 第 頁 逐 W3C 立 失 Web for All 頁 逐⾶ 支 言 明⾃ 人 常 用 ; ? 1999 頁 ⼿ 證 乎 WCAG 1.0 ;
?DAISY 助 證 Digital Accessible Information System ; ?1996 立
⾃ 誌 盡 比 音 麻 而 源 助⾃ ; ? Talking Book ; ?1998 文 誌 音 DAISY W3C SMIL Synchronized Multimedia Integration Language 文 誌 音 ; ?Daisy 3 雲EPUB 3 而 一 ; 門 基 證 子 DAISY Consortium
2007 Kindle 子 飛 ? Amazon 一 ⽂本 章 ⼿
⼿ • 誌 失既 ⽰傳 子 ; ? 而 Amazon ⽂本之 誌和釋 個 OEBPS EPUB 2.0;
TTS 疊⾃ !? Kindle 2 取 ?⽿ Kindle⾃ 耳 而
古 支 TTS ; ?2009 Author's Guild 疊⾃ ; ?Amazon 失 誌 罕 章 ; ? 一 史Kindle Paperwhite 耳 ;
Audible既 ?Amazon Audible ⾃ 生 ; ?2012 失Whispersync for Voice
籤⾃ 誌 子 ; ?2017 個源 成TTS VoiceView Screen Reader; ? 傳 章 塔 支 文 ;
Whispersync for Voice https://www.audible.com/ep/wfs
2012 EPUB 3.0 子 一 念 ? 日文 支 ;
? 尚 面 誌嚨 ? HTML 音 基 子 ; ? Daisy 證 ; ? Amazon之 委 植 ; 卻 目田 「
DAISY 誌EPUB 3 Daisy 3 EPUB 3部 Media Overlay 籤誌
文 示 ; 塔Apple Google Kobo ⽂本 支 ; Apple , "Fixed Layout Sample 3.2"
? 子 … ⾃ … ? 子 證 傳給 工
而 ; ? 大 一 金 一 證; ?源 基獎 證厲⾶ 給 取 Apple Vision Pro; ? 子 目 大 用 傳 ⽰ 生 Amazon ? 用 ?傳 厲 支 司 ?官 址 用 和另部 證 小 子 給 母 第
二 ⽅ EPUB 子 證 誌 部
Plextalk DAISY 擔 1997 日 大 狗 DAISY 基Talking Book
章 Plextor 失 Plextalk ⾃ ; 既 Plextalk Pocket 止支 ;
DAISY Talking Book 用 💿 措 部 ⼿ 部 ⽰
👌
EPUB 子 用 ❓ https://www.irasutoya.com/
射 基EPUB 證部 … IDPF W3C ⾃Daisy Consortium ? IDPF
2012 EPUB 3.0 ; ? 厲⾶誌W3C 麻 ; ? 子 身 ⿅ ; ? 2017 入 W3C 助失 方 界基; ? Daisy Consortium W3C 身 誌;
⼿ • 籤 •障址 方面 逐 證障址 閱讀程式 ・本 身
是否符合W3C的規定 ・是否阻斷作業系統的協助技術 ・介 面 是否符合App無障礙 ⼿ 證 乎… 輔助科技 ・提供無障礙的能 力 ・處理內容結構的能 力 ・各種細節
頁 ⼿ 證 乎 Web Content Accessibility Guide, WCAG
?符 行 2.2 面 3.0 W3C 證 乎 ? 播
用 頁 證部 大 ? Perceivable ? Operable ? 第 Understandable ? 唯 Robust ?2.2 86員 Success Criteria ?⽅ A•AA•AAA 員 Web Content Accessibility Guide, WCAG 頁 ⼿ 證 乎
? 1.1.1 非文 ⼿ A 明⾃ 符 用 非文 ⼿
明 的 ⾃ 一 員 目 史 文 ; ? 厲 路 片 ⾶⾃ 文 ; ? 3.1.2 言 AA 非 ⾃式 • 逐 • 式 言 • 文 方言 ⽅ 的 男 一 員 易 片 明 用 人 言 ⽌ 方 籤; ? 厲 ⼿ 文 文日文 ⾶ lang="" 軸 言 ; 員 取 EPUB 子 ⾶ WCAG
?App厲⾶ App傳給 證 乎; ? 頁 用 厲⾶ W3C ARIA
⾶ ; ? 自身 易 址 逐; 用 證 逐傳給… 籤 App易 頁 取 ⾃ 頁 aria-lable 籤 ;
None
? 身 TTS ?Apple : VoiceOver ?Android TalkBack ? 跨
TTS ?JAWS 那⾃ ?NVDA 傳 ? 示 擔 支 ? ⽌ 身 問 射 障址… 障址 逐
厲⾶ 大 部誌 方 方 輔助科技 內容製作 ・出版社製作 ・外包商製作 ・平台商代製
配送系統 ・圖書館服務 ・電 子 書零售 閱讀程式 👤 用 偏 ⽩ 用 易 跨
證 DIRECTIVE 2019/882 又 EAA https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=celex:32019L0882
? 裝• 誌 •Kiosk• • 段• 行 • 子 誌
子 ? 行 ?2022 立 支 ?2025 厲 行 部 ?2030 雲 行 誌 男孔 個源 ; 濟 部 立 支 證 段 證
? 1 III 2.1.1.2 (b) 明 用 客 和 客
和 證障址 障址跨 誌 用 男 一 見 措 用 取 ; ⾶ 證 第 ;明 ⾃W3C EPUB 3 用 部 ; ? III 2.1.1.2.5 (v) 足 常 寸 符 用 古 足 常 比 之 • 行 造 ? III 2.1.1.2.6 (vi) 非文 ⼿ 史 符 EPUB 3⼿ WCAG A誌AA 部 而 ; 子 目
? IV 2.1.2.1.1 (i) 一 子 文 音 音 誌
文 章 Daisy 之 EPUB 3 ;⾃章 ⾶次次 ; ? IV 2.1.2.1.2 (ii) 子 助 證障址 和 ? IV 2.1.2.1.6 (vi) 助 第 段 證 證 子 身 籤 身 支 障址 ; 子 目
? ⾶⼿ ⾃ ?給符 Discoverability 籤 第 章 ; ?⼿
WCAG; ? 頁 Page-list ; ? 次問 ; ? ; ? ⽌失 客誌 那 ; W3C EPUB 用 1.1
? 男 一 問 次 證 支 取 一頁一 問EPUB
3尚 面 之 入 白文 符 籤 ; 用 ⾶問 ; ? 籤 厲⾶ 章 子 子 厲⾶ 章 證障址 ; ? 用 EPUB 既 metadata 入 而 ⽩ 易 用 示 ; 籤 自己 章 ; 給符
? 用 子 誌 老 銀⾶ 98 頁 決 子
定… ? 用 EPUB Page-list 頁面 嵌 ? ⼿植 頁 ; ? 文 ⼿ 失⽅ 頁 ; ? 章 支 子 塔⾃Apple Books•Amazon Kindle 誌Google Play Books 支 ; 誌 頁面
? 用 證 厲 ?⼿ 厲⾶ ? 籤 改厲⾶ ?
誌 用 失 ? 頁 誌軸 用 ⾶ ? 目 之厲⾶ 音 雲 行 籤 ; ⾶問 問次問
?⾃ 身 證 ?⾃ EPUB ⼿ 塔⾃ 音 ⾃ 文
?⼿ 文 用 文 EPUB; ?章 ⽌ 失 客 WCAG部 盡 足 厲 之 和另 證 ; ?厲⾶ metadata accessibilitySummary 銀 章 的; 證 證部 ⽌ 失 客
?章 示 子 / 頁面 籤 措章 … ? 證
⾶ 子 誌⽂多 之 厲⾶ 證 ; WCAG 之 頁 用 ARIA部 ; ? 證 軸 • ⼿ • 章 證 • 古 證 用 籤 • 籤 子 ; 頁 引 面 厲⾶ ⽅ 證 誌 子 證
?⼿ 失 自己 易 幸 子 ⼿ WCAG 2 A
? 證 ⼿ 證部 metadata; ? 失 • 易 方 部 ; ? 示 metadata 子 • 子 既 自 基 失 示 頁面 明⾃ 人 籤章 ; ? 址 逐 部部 子 誌DRM 址 章 子 而 方 造 籤 部 證 失 一 員
ࢹ֮োऀͷಡॻڥͷඋͷਪਐʹؔ͢Δ๏ ຢᩇॻແো๏ʢಡॻόϦΞϑϦʔ๏ʣ https://elaws.e-gov.go.jp/document?lawid=501AC0100000049
證 址 心 ⽂ 多 立 ? 日 失 •
日 失 括 心 NGO 立 目 立 ; ? 失 嵌 一 口 ; ? 失 ABSC 證 https://jpo.or.jp/absc/ report/ab/ ;
ిࢠਤॻؗͷΞΫηγϏϦςΟରԠΨΠυϥΠϯ 子 乎1.0 https://www.ndl.go.jp/jp/support/guideline.html 八 條 https://www.ndl.go.jp/jp/event/events/toshokansogo_20231025_02.pdf
? 證 子 Plextalk兩 嵌 用 ; ?⾃ 逐 小
生 大 ⾶ 部 ⽼; ? 逐 ⾶ • 籤 • 障址 逐 常 ; ? 部 ⾶ 身 證部 古 ⽩ ⽅ 證 ⽩ 之措 足 常 用 ; ? 日 籤 證 既 •失 植 • 擁 多 •括 立 部 ⾶ 目 料誌 ; ? 問…⾃射 每哥 … 問… 小 ⽰ 逐誌 部
⽅ 證 逐 方
? 助失 證 https://github.com/dpublishing/epub-a11y-samples ? 助失 頁 https://github.com/dpublishing/epub-specs-tc/tree/master/ epub33_2023/ 頁
?ACE By Daisy https://daisy.github.io/ace/getting-started/ace-app/#where- can-i-download-the-ace-app 告 手 ⾃ 裝 傳
?WCAG A易AA ?EPUB a11y 1.1 給符 既 ?EPUB a11y 1.1
頁 ?EPUB a11y 1.1 文 誌 音 部 ?EPUB a11y 1.1 ?ACE by DAISY 證 工 ? DAISY accessibilityFeature ; ⼿ •既 • 方 證 逐⽅
?4 大 • • 第 • 唯 ?87 Success Criteria
部 ? 次EPUB ⼿ 厲⾶ 目 厲⾶ A易AA WCAG〈⼿ 厲⾶問 制 等級 WCAG 2.0 /2008 WCAG 2.1 /2023 WCAG 2.2 /2024 A 25 30 32 AA 13 20 24 AAA 23 28 31 總和 61 78 87
?銀 明⾃ 符 用 非文 ⼿ 明 的 ⾃ 一
員 目 史 文 靜 入 • 改 • • • • 跨 • 非 ; ? 方 ? <img> 用 alt="" 史 文 ? 用 罕 片 厲⾶ 文 ?和另 手 Non-text Content - Level A 1.1.1 非 文 ⼿ 文 自 2023/11/17 助給 W3C 文
史 文 罕 問題 一 :圖片裡有沒有 文 字? 問題 二
:該圖片是否 用 於連結或按鍵,如果沒有該圖片,會不會很難或 無法理解連結或按鍵的 目 的? 問題三:該圖片是否對這 一頁 或整體內容 而言 有意義? 有, 文 字和附近內 文文 字 一 致 有, 文 字只是視覺效果 有, 文 字提供特定功能,例如圖 示 有, 文 字和附近內 文文 字 一 致 跨 〈 alt 表 跨 〈 alt 表 〈 alt 銀 片文 〈 alt 片 文 是 〈 alt 目 易 既 基 銀
問題三:該圖片是否對這 一頁 或整體內容 而言 有意義? 是,內容是簡單的圖像或者照片 是,內容是圖表或者包含複雜資訊 是,內容為附近內 文 內容的額外資訊
片 〈 alt 片 嵌 常 ; 踐嚨 片 〈 alt 年 頁面 和另 方 片 〈 alt 表 罕 明⾃ 取 https://www.w3.org/WAI/tutorials/images/ 問題四:該圖片為裝飾,或者並非要提供給使 用 者 是,內容是簡單的圖像或者照片 跨 〈 alt 表 史 文 罕 https://www.w3.org/WAI/tutorials/images/decision-tree/
Non-text Content - Level A 1.1.1 非 文 ⼿ ?
片 〈 史 文 ? 銀 章 Nuvomedia 失 Rocketbooks 比 Kindle ⽿ 失; ? 一 用 嵌 色 ⽿ 子 籤擔; ? 載 色 跨 ⾃嵌 色 LCD辨 用 籤 子 ⾃ 頁 ; ? AI 址… John Siracusa, , 子 必誌 「
Non-text Content - Level A 1.1.1 非 文 ⼿ ?
踐嚨 片 〈 ? 銀 2.4 鹿 皮 失 口 ? 史 文 1635 1661 鹿 皮 失 口 1637 高 15 1640 3 既男 ⾃ 高 ⾃ ; 用 2.4 事 取; ? 鹿皮 失 口 2.4 取; , 2023, 「, 山 失
?和另 方 aria-descriptedBy ? id ⼿ 文 銀 片 助
Non-text Content - Level A 1.1.1 非 文 ⼿ <img src="011.jpg" alt="圖2.4:台灣鹿 皮 出 口 數量(張)來源:Koo (2011)。" aria-descriptedBy="deerskinexport"/> <p> 大 員議會也注意到朱諾斯牧師所提出的問題,因 而 採取 一 系列的對策。 <span id="deerskinexport">1638與1639兩個年期的鹿 皮 出 口大 增,主要是 中國獵 人 使 用 陷阱捕鹿。1638年5 月 ,荷蘭 人 禁 止 中國獵 人 在4 月 底之後獵鹿。以4 月 底為期限的理由是, 母 鹿通常在4–5 月生小 鹿。翌年5 月 ,荷蘭 人 規定,中國獵 人 不得再設陷坑捕鹿;1645年起則全 面 禁 止 中國 人 捕鹿。</span></p>
?和另 方 figure / figcaption ?HTML5 誌 銀 用 ;
Non-text Content - Level A 1.1.1 非 文 ⼿ <figure> <img src="011.jpg" alt=" 一 張描述 西 元1635到1661年台灣鹿 皮 出 口 量的 圖。"/> <figcaption> 圖2.4:台灣鹿 皮 出 口 數量(張)來源:Koo(2011) </figcaption> </figure>
?銀 非 音 ⼿ 文 ⼿ 史 古⾃ 示 失
明⾃ 音 ⼿ ; ? 方 ? EPUB ⾃ 片 片 入 易 入 音 ⾃ 示 夠 ; Captions (Prerecorded) - Level A 1.2.2 ( ) <video> <source src="speech.mp4" type="video/mp4"/> <track src="captions.vtt" kind="captions" srclang="en" label="English for the hard of hearing"/> </video>
?銀 1.3.1 符 方 明 • 誌 ⾶ ⽌ 方
籤 易 ⾃ 文 ; 1.3.2 ⼿ 符 改 疊和 ⾶ ⽌ 方 籤 籤改 ; ? 方 ? 用 <h1> <h6> ⾶ 用 <p> ; ? 用 <em>易<strong> ⾶ 用 <span> ; ? ⾶ 用 表 白 誌 行 面 ; Info and Relationships / Meaningful Sequence - Level A 1.3.1 誌 1.3.2 ⾃ 改
?銀 色 問 一 • 失基 • 成 易夠 手
用 ; ? 方 ? ⾶ 色 一 取 ? ⼿ 文 1843 ? 1843 ?之 子 辨 假 的; Use of Color - Level A 1.4.1 色 用
?銀 頁 ⾃ 用 易 目 ; ? 方 ?EPUB⼿男
一 XHTML ⾶ 入 <title>; ?⾃ 籤 示 頁 ; ? 式• 至 ⾶ 式; Page Titled - Level A 2.4.2 頁 Ray Bradbury 高 氏 451 「
?銀 明 用 常 明厲 符 文 而 ⾶ 用
文 ; ⽌• ⾶ ; ? 見 的 ? 文 前 文 • 文 誌 文 用 ? 式 易 ⾸ Images of Text - Level AA 1.4.5 文
? 文 前 文 • 文 誌 文 用 ?
第 方 EPUB 3 乎 ? 文 括 用 Unicode 偏 傳 入 示 ; ?Ext-B既 括 片 alt ? 音 ? 銀 章 一 員 用 首 疒 壓 一 員 長 Images of Text - Level AA 1.4.5 文 𰣻 U+308FB
? 式 易 ⾸ ? 第 方 ?括 疊 文
用 厲 史 文 片 偏 CSS ⾸失 呈 ⾸ 而 ⾶ 用 片 ; ? 措 用 PNG•JPEG ⽌ 片 alt路厲靜 入 史 文 ; ?易 用 文 SVG 片 ; Images of Text - Level AA 1.4.5 文 2024, 「• 高 第「, 失
?銀 2.4.5 方 失 一 頁 一 頁 助 非
頁 員 改易 ; 2.4.6 用 易 目 ; ? ?⾃ 目 ?⾃ ⾃ 易 Multiple Ways / Headings and Labels - Level AA 2.4.5 方 2.4.6
?括 問 ? 文 示目 示 ? 一 訊EPUB靜失 造
手 基 章 天 ? ⼿ 頁 用 文 用 hidden="hidden" 示 ? 入 用 ? ⾃ 易 式 子 入 一 面手 示 引 面 Multiple Ways / Headings and Labels - Level AA 2.4.5 方 2.4.6
?銀 文 文 符 至 ⾶⾃ 4.5:1 比 ; 大
寸文 大 寸 文 大 寸 文 至 ⾶⾃3:1 比 ⼿ •地 ? 方 ? 用色 用工 https://webaim.org/resources/contrastchecker/ ? 嵌 色 ⾸ 色 厲 #000 rgb(0,0,0) ~ #666 rgb(102,102,102) Contrast (Minimum) - Level AA 1.4.3 比 ( 小 )
?銀 非 ⾃式 • 逐 • 式 言 • 文
方言 ⽅ 的 男 一 員 易 片 明 用 人 言 ⽌ 方 籤; ? 方 ? 用 lang="" 和另 言文 ? ⾃AI 自 基 言 工 Language of Parts - Level AA 3.1.2 言 <p>「<span lang="ja">あか</span>」是紅、「<span lang="ja">き</ span>」是黃、「<span lang="ja">くろ</span>」是 黑 。</p>
? 男 一 問 次 證 支 取 一頁一 問EPUB
3尚 面 之 入 白文 符 籤 ; 用 ⾶問 ; ?籤 厲⾶ 章 子 子 厲⾶ 章 證障址 ; ? 用 EPUB 既 metadata 入 而 用 籤 自己 章 ; EPUB a11y〈給符 既
EPUB OPF Package metadata•manifest誌spine Package metadata 既 式• •失 •ISBN•
日 manifest XHTML•SVG• 片 •CSS spine XHTML•SVG 改誌 符 方
EPUB OPF metadata
EPUB OPF 證既 ⾃孔 accessMode 獎 ⾶ <meta property="schema:accessMode">textual</meta> accessibilityFeature
證 ⾶ <meta property="schema:accessibilityFeature">alternativeText</meta> accessibilityHazard 證 ⾶ <meta property="schema:accessibilityHazard">none</meta> accessibilityFeature 證 ⾶ <meta property="schema:accessibilitySummary" xml:lang="zh-TW">圖片都提 供簡單的描述。內 文 表格未提供原始資料 文 字,改為描述表格的意義。</meta> accessModeSufficient ⾶ 力 <meta property="schema:accessModeSufficient">textual</meta>
? ?visual ⾃ 片 易 片 片用 跨 ; ?textual
文 ⼿ 片 易 文 問 片 ; ?auditory 音 ⾃ 音 易 片 疊第 ; ?tactile 正⾃ 用 Unicode 易 片 ; ⼿ 獎 符 accessMode 獎
? 獎 正 一 取 一 小 銀路⾃ 文 之⾃
片 人 引 •易 取 第 小 銀 ⽩ 面 Visual誌 texual; ⼿ 獎 符 accessMode 獎 <meta property="schema:accessMode">textual</meta> <meta property="schema:accessMode">visual</meta>
?DAISY 用 http://kb.daisy.org/publishing/docs/metadata/schema.org/ accessibilityFeature.html ? 證 ? 史 文 alternativeText
? describedMath ? 長 longDescription ? ⽅ 頁 pageBreakMarkers ? unlocked 證 accessibilityFeature 證
? 證 厲⾶員 ?載 既 面 銀 非 明⾃ 用
EPUB; 證 accessibilityFeature 證 <meta property="schema:accessibilityFeature">alternativeText</meta> <meta property="schema:accessibilityFeature">pageBreakMarkers</meta> <meta property="schema:accessibilityFeature">pageNavigation</meta>
?flashing 片 易 ⾃ 一 間 ; 壓結易 ; ?motionSimulation
⾃ 片 人 易 3D 獎 基 基 獎 人 壓結易 心 ; ?sound 正⾶ 音 音 ; ⾃ 人 疊• 大 易 音 誌 而 ; ⾃ 音 ⾃ ⾃ 音一 ⾃ accessibilityHazard 證
?none ⾃ ; ?unknown 齊 用 給 行 措 用
; ⾃ 音 ⾃ ⾃ 音一 ⾃ accessibilityHazard 證
? 一 ⾃ 入 籤 音 小 銀 ? 一
⼿ 一人 片 人 籤 證 accessibilityHazard 證 <meta property="schema:accessibilityHazard">noFlashingHazard</meta> <meta property="schema:accessibilityHazard">noMotionSimulationHazard</meta> <meta property="schema:accessibilityHazard">sound</meta> <meta property="schema:accessibilityHazard">Flashing/meta> <meta property="schema:accessibilityHazard">MotionSimulation</meta> <meta property="schema:accessibilityHazard">sound</meta>
人 籤 證 accessibilitySummary 證 ⾶ ? 一 ⾃ ⾃
籤 頁 ⼿ ? 一 ⾃ 問 片 alt塔 ? 誌 ⽩ 章 文 示 / 頁面 ; <meta property="schema:accessibilitySummary" xml:lang="zh-TW">這 本書是 一 本有聲書,將印刷版本全部 文 字內容都錄成聲 音 ,但不包括版權 頁 。</meta> <meta property="schema:accessibilitySummary" xml:lang="zh-TW">本 書內 文 表格以圖片處理,不是真正的HTML表格。表格圖片提供替代 文 字來描述表格呈現 的意義,不逐 一 敘述原始資料。</meta>
? 一 文 小 銀 片 人 引 ⾃ 史
文 ; 明 ⾶ 獎 textual 大 人 障址 籤; ? 一 第 文 小 銀 錯 符 ⽩ 面 ⾃ 史 文 ; 明 ⾶ 獎 textual誌visual 證 第 ; 籤 ⾶ ⾃ 獎 accessModeSufficient ⾶ 獎 <meta property="schema:accessModeSufficient">textual</meta> <meta property="schema:accessModeSufficient">textual,visual</meta>
子 之 頁 逐乎 用 方 EPUB a11y〈 頁
? 一 ⼿ 頁 入 ⽅ 頁 植 ⼿ 子
之 頁 逐乎 用 方 EPUB a11y〈 頁 <span /* 在<p>中分 頁 時,使 用 <span> */ role="doc-pagebreak" /* 這是ARIA role,告知此處 文 件分 頁 點 */ epub:type="pagebreak" /* 這是EPUB 3.0時代的遺留,現在可以不加 */ id="pg24" /* 一 定要有id來供導覽 文 件連結 */ aria-label="24"/> /* aria-label是TTS朗讀時會唸出的 文 字 */
? 一 ⼿ 頁 入 ⽅ 頁 植 子 之
頁 逐乎 用 方 EPUB a11y〈 頁 <div /* 在<p>元素之間或其他位置時,使 用 <div> */ role="doc-pagebreak" epub:type="pagebreak" id="pg24" aria-label="24">24</div> /* 如果要顯 示頁 碼,請改成這樣 */
? 二 文 入 <nav> page-list 子 之 頁 逐乎
用 方 EPUB a11y〈 頁 <nav id="page-list" epub:type="page-list" role="doc-pagelist"> <h3>印刷書 頁面 索引</h3> <ol> <li><a href="bodymatter_0.xhtml#pg1"><span>1</span></a></li> <li><a href="bodymatter_1.xhtml#pg2"><span>2</span></a></li> <li><a href="bodymatter_2.xhtml#pg3"><span>3</span></a></li> ... </ol> </nav>
? opf <metadata> 入 ⽅ 頁 ISBN 子 之 頁
逐乎 用 方 EPUB a11y〈 頁 <package> <metadata> <dc:source id="pg-src">urn:isbn:9789869206129</dc:source> <meta property="source-of" refines="#pg-src">pagination</meta> ... </metadata> ... </package
? opf <metadata> 入 證既 子 之 頁 逐乎 用
方 EPUB a11y〈 頁 <package> <metadata> <meta property="schema:accessibilityFeature">pageBreakMarkers</meta> <meta property="schema:accessibilityFeature">pageNavigation</meta> ... </metadata> ... </package
?Daisy 3 = EPUB 3 MediaOverlay = ? 一 音
頁面 籤 文 ? 證 之 言 • ⼿ 用 ? 塔⾃Apple Books•Google Play Books誌 ⽚Kobo 支 塔 支 尚 面 符 次 證問次 次 EPUB a11y〈 部 https://language.moe.gov.tw/001/Upload/files/site_content/M0001/juyin/index.html
?⾶ 1 明⾃ 文 ⾶⾃ 音 ; ?⾶ 2 改
音 ⾶ 頁面 誌 頁面 改 頁面 改 ; ?⾶ 3 軸 • 頁 smil epub:type footnote•pagebreak 用 章 ; ?⾶ 4 失 片 • • smil epub:type figure•list•table 用 章 失; ? 偏 文 之厲⾶ 音 ; 符 次 證問次 次 EPUB a11y〈 部
部 EPUB a11y〈 dcterms:conformsTo 射 部 <meta property="dcterms:conformsTo">EPUB Accessibility 1.1
- WCAG 2.1 Level AA</meta> a11y:certifiedBy / 雲 行 … <meta property="a11y:certifiedBy">評量者或者組織的名字</meta> 雲 行 … <meta property="dcterms:date">2021-09-07</meta> a11y:certifierCredential 射 • <meta property="schema:a11y:certifierCredential">台灣電 子 書無障礙標章AA+</meta> a11y:certifierReport 載 <link rel="a11y:certifierReport" href="http://www.dpublishing.org.tw/a11y/report/1"/>
? 用 <meta> property dcterms:conformsTo ?⼿ 示 部 ?EPUB Accessibility
1.1 ?WCAG 2.0 2.1易2.2 A易AA•AAA ? 既 ⾶ 失 一 員id conf; 章 射 證 … conformsTo <meta property="dcterms:conformsTo" id="conf"> EPUB Accessibility 1.1 - WCAG 2.1 Level AA </meta>
? 用 <meta> property a11y:certifiedBy ?⼿ 雲 行 員 人
誌 ?refines 年dcterms:conformsTo ID conf ? ⾶ 天 一 員ID certifier 易射員 雲 行 … certifiedBy <meta property="a11y:certifiedBy" refines="#conf" id="certifier"> 評量者或者組織的名字 </meta> 如果舊版檢查器出現問題,在OPF的<package>裡宣告字 首 a11y: <package … prefix="a11y: http://www.idpf.org/epub/vocab/package/a11y/#">
? 用 <meta> property dcterms:date ?⼿ YYYY-MM-DD ?refines 年a11y:certifiedBy ID
certifier 雲 行 … <meta property="dcterms:date" refines="#certifier"> 2024-01-16 </meta>
? 用 <meta> property a11y:certifierCredential ?⼿ 易 式 ?refines 年a11y:certifiedBy
ID certifier ⾃ ⾃ 易 … certifierCredential <meta property="a11y:certifierCredential" refines="#certifier"> 台灣電 子 書無障礙標章AA+ </meta>
? 用 <link> rel a11y:certifierReport ?refines 年a11y:certifiedBy ID certifier ?href
年 明 助 ? 料 http:// 序 ? ⼿ 料 / ⾃ ⾃ 易 … certifierReport <link rel="a11y:certifierReport" refines="#certifier" href="http://www.dpublishing.org.tw/a11y/report/1"/>
頁 證 EPUB a11y〈 證 子 https://accessibility.moda.gov.tw/Applications/Index/1?EnableId2=3
? 身心 證 52-1 1. 目 制 男 基 •
客 證 ⾸部 客 ⾸易 證部 誌 段 鼓 客 易 客傳給• 生 易 部 ; 2. 目 制 ⼿ • • 客易 第 ; ?明 EPUB 子 之 ⾃ 一 員 嵌助 WCAG 2.0+ A易AA 給符 既 既; 誌 員 ; 頁 證 EPUB a11y〈 證 子
DAISY 證 工 ACE〈EPUB 證 工 ? ⽩ Windows•macOS•linux ?
WCAG A誌AA ? EPUB a11y 1.1 既 ? 目 ? 片 史 文 ? 靜失 頁
DAISY 證 工 ACE〈EPUB 證 工
DAISY 證 工 ACE〈EPUB 證 工
DAISY 證 工 ACE〈EPUB 證 工
DAISY 證 工 ACE〈EPUB 證 工
DAISY 證 工 ACE〈EPUB 證 工
助 取誌 見 ⿅ 文 〈 文 ⾃ ? 用
史 文 誌 ? 一 八 U+3007 IDEOGRAPHIC NUMBER ZERO 一 示 次 ? 一 八 ̋ ̋ U+25EF LARGE CIRCLE TTS 給 音 ? 誌 目 籤 ? 一 八 誌 一 八十 ?1984 一 八十
助 取誌 見 ⿅ 文 〈 文 ⾃ ? 音
言 SSML, Speech Synthesis Markup Language https://www.w3.org/TR/speech-synthesis11/ ?誌HTML Specification for Spoken Presentation in HTML https://www.w3.org/TR/spoken-html/ ?say-as='character' 一 八 ?say-as='cardinal' 一 八十 <span data-ssml-say-as='characters'>1984</span>
? 一 正⾃ 文 小 銀 高 ?EPUB ⼿ ⾶
WCAG ⾶ 部 而 心 ? 址 ?1.1.1 非文 ⼿ 片 〈 ⼿ ?3.1.2 言 ⼿ 文 嵌 自 基 軸 ?厲⾶ 力 括 立 踐嚨 片 〈 ? 大 問次 個 人力 誌 金 刀口 目 逐 罕 小 證部 和
accessibilityFeature
史 文 1. alternativeText ? 明⾃ 片 史 文 跨
片 表 軸
軸 2. annotations ? 條 ? aria-describeBy 證 軸 軸
?取 ? MathML⾸ 文 ? 用 <detail> 傳 載 片 銀
ARIA 3. ARIA ?W3C ARIA部 用 role 文 ? ⾃
用 ? 文 • • 片 ? ⾶• ⾶⼿ ?基 夠 Live Region ⽚ ? Windows 失 屬 ? 軸
口 4. audioDescription ? 片 口 軸 ? ⽅⼿ 片
易 HTML <track>
口 5. audioDescription ? ⼿ Unicode 軸
口 6. captions ? 片 用 軸 ?誌 口 厲
訂 誌 片 基
7. describedMath ?符 用 mathML EPUB ⾸ ? 用 alttext
口 2a⽅ b b⽩ 方 4ac ? ⾸ 軸
文 8. displayTransformability ?章 部 示 ⼿明⾃ 文 ? ⾃問
片 文 ? ⾸ 用 px誌pt 寸 嵌助
高 比音 9. highContrastAudio ? ⾃ 片 易 音 ?明
音 ⾃訂 音 ?古訂 誌 ⾶ 音 20dB 軸
高 比 示 10. highContrastDisplay ? 文 誌 片文 7:1
高 比 軸
乎 11. index ? 乎 證 決⼿ 手 ?失 客
一 員 乎 人 式 乎易 乎 軸
長 12. longDescription ?明⾃ 踐嚨⼿ 片 • 誌 •⾸ 雲
行 銀 軸
13. MathML ? 用 MathML 符⾸ ? 入 ⾸ 文
誌describedMath 用
14. none ? ⾃因 證 ?易 ⾃
⽅ 頁 15. pageBreakMarkers ? ⾃ ⽅ 頁
頁面 16. pageNavigation ? 一 頁面 ? 之 pageBreakMarkers
籤 改 17. readingOrder ? 用 尚 面 ? 籤
改 用 HTML 夠⽅ ⾶誌 ⾶⼿ 籤
音文 18. rubyAnnotations ? 用 <ruby> 日 文 式 文
音 易 音 ;
手 19. signLanguage ? 音 ⼿ ⾃ 手 ⼿ ?
captions誌audioDescription 次 手 證 用
20. structuralNavigation ?明⾃ 誌
音文 21. synchronizedAudioText ? 用 EPUB 3
目 22. tableOfContents ?EPUB ⾃ 目 正⾃ 目 常 ;
片 誌 23. tactileGraphic / tactileObject ?EPUB 個符 ? 間
易 靜失 用 軸
24. timingControl ?史 誌 ⾃ 基 證 厲 ⾶ 長
成 ? 用 自己自行 軸
求 文 25. transcript ? 音 ⼿ 求 文 軸
?⾃ 人 音 籤 文 明 求 文 Captions誌audioDescription 史客 ?之 頁 括 失 音 誌 片 ⼿ 文 求 頁
文 植 音 26. ttsMarkup ? 用 SSML ⽌TTS 符易
給 音 PLS) ⽌給 音 ;
27. unlock ? 示 ⾃雲 行 因 DRM ?失 ⾶
用 造 因 DRM
一 般性功能 文 字設計 08. displayTransformability( 文 字可變性) 10. highContrastDisplay(
高 對比顯 示 ) 圖片與元件說明 01. alternativeText(替代 文 字) 02. annotations(註解) 12. longDescription(長描述) 書籍結構 03. ARIA(ARIA結構) 11. index(索引) 標記 18. rubyAnnotations(標 音文 字) 26. ttsMarkup( 文 字轉換語 音 標記) DRM 27. unlock(無保護) 影 音 功能 音 訊品質 09. highContrastAudio( 高 對比 音 訊) 影 音文 字 04. audioDescription( 口 述影像) 06. captions(字幕) 19. signLanguage( 手 語) 25. transcript(抄錄) 觸覺 05. braille(點字) 23. tactileGraphic與tactileObject (觸覺圖片與觸覺物件) 數學 07. describedMath(數學描述) 13. MathML EPUB預設功能 14. none(無) 20. structuralNavigation(結構導覽) 22. tableOfContents( 目 錄) 頁 碼 15. pageBreakMarkers(分 頁 點標記) 16. pageNavigation( 頁面 導覽) (通常 用 於)固定版 面 17. readingOrder(閱讀順序) 21. synchronizedAudioText (同步聲 音文 字) 24. timingControl(限時控制)
⾃因 Email
[email protected]