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
42
電子書無障礙發展史與規範實踐
無障礙是多用一點心,人人都能「讀」到電子書
──電子書無障礙發展史與規範實踐
民國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
43
以Markdown製作EPUB 3文字書
bobbytung
0
140
HTML與CSS入門
bobbytung
0
45
都 2017 了注音還沒搞定嗎?
bobbytung
5
410
幾個中文排版訣竅,有效改善閱讀體驗
bobbytung
1
790
Other Decks in Technology
See All in Technology
エンジニア人生の拡張性を高める 「探索型キャリア設計」の提案
tenshoku_draft
1
120
Terraform未経験の御様に対してどの ように導⼊を進めていったか
tkikuchi
2
430
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
770
誰も全体を知らない ~ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
1
230
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.1k
Amazon Personalizeのレコメンドシステム構築、実際何するの?〜大体10分で具体的なイメージをつかむ〜
kniino
1
100
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
透過型SMTPプロキシによる送信メールの可観測性向上: Update Edition / Improved observability of outgoing emails with transparent smtp proxy: Update edition
linyows
2
210
Adopting Jetpack Compose in Your Existing Project - GDG DevFest Bangkok 2024
akexorcist
0
110
ハイパーパラメータチューニングって何をしているの
toridori_dev
0
140
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
380
RubyのWebアプリケーションを50倍速くする方法 / How to Make a Ruby Web Application 50 Times Faster
hogelog
3
940
Featured
See All Featured
KATA
mclloyd
29
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Navigating Team Friction
lara
183
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
What's in a price? How to price your products and services
michaelherold
243
12k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
89
Building Adaptive Systems
keathley
38
2.3k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
Designing the Hi-DPI Web
ddemaree
280
34k
Being A Developer After 40
akosma
86
590k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
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]