Slide 1

Slide 1 text

113 1 月 16 日 15:30-17:30 建 生 界 助失 系 助失 / W3C 。 證 用 一 心 人 人 籤 子 子 證給 母誌部

Slide 2

Slide 2 text

? ⽌ 基 子 ?W3C i18 WG 文 厲 ? 音 ?EPUB 3.1~3.3誌 證部 ? 因⽩ 誌失 ? 失 EPUB ? 基 助 證• 傳 子 TTS ; 系 助失 報 人 •W3C 自 己 引

Slide 3

Slide 3 text

Creative Commons BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0/ ⼿ ⾶ 括 決每必 🙏 片文 用文鼎 Universal Design 黑 B5Pro Adobe Creative Cloud 措 用

Slide 4

Slide 4 text

? 一小 給 母 ? 子 誌 證 逐 給 母 ? 二小 EPUB 證 誌 部 ? EPUB 證 員 ? 證 •EPUB 用 1.1誌 日 籤 證 ? • 小 證部 ?WCAG•給符 • ⽅ ⽅ 日 部

Slide 5

Slide 5 text

乎 言 尺 子 ⾶ 個 證…

Slide 6

Slide 6 text

用 心 🧠 心 ❤ 心

Slide 7

Slide 7 text

一 而

Slide 8

Slide 8 text

169 措 ? ⽚伯 肉 ? 子 ⾃ 次籤 ? 訂 「 措 ? 措 基 籤 證 ? 男 籤 每 委 檢 而 措 幾礙 傳 ⋯⋯ 片 NHK ・ 個 当制 https://www.nhk.or.jp/shutoken/wr/20230626a.html

Slide 9

Slide 9 text

片 金

Slide 10

Slide 10 text

https://www.ntl.edu.tw/lp.asp?CtNode=759&CtUnit=256&BaseDSD=7

Slide 11

Slide 11 text

📖÷ 🎙⾃ ⠊⠌⠄ 📘 大 高 • 金 •

Slide 12

Slide 12 text

📱 🖥 文 🔊 音 ⠙⠞⠈⠓⠐ 🔍 大 ⽩ 靜失

Slide 13

Slide 13 text

生 ⾃ ⼿ 用心 ?…………… ? ⾃ 史 文 銀 章 片 ?之 AI 銀 厲 AI ? 章 一 色 年 嵌 壓 年 ;

Slide 14

Slide 14 text

💰 🪙 🪙🪙 🪙🪙🪙 高 • 金 ⾃ 人 助 證 入一 金 ⽩ 明⾃ 人

Slide 15

Slide 15 text

高 ⽌ 。每哥 老

Slide 16

Slide 16 text

1. 個另 人 • 個另 人自己 問 罕 2. 3. ⽅辦 入 4. 個男員 人 委 身心 證 人 一 5. 床 6. 證 7. 女 ⽩ 8. 個呼 身心 證呼 Convention on the Rights of Persons with Disabilities 身 心 證 ⽂

Slide 17

Slide 17 text

一 ⽅ 子 給 母誌 證

Slide 18

Slide 18 text

子 給 文 誌 符 1971 打 ⾸ 2000 OEBPS 2007 Kindle EPUB 2 2012 EPUB 3 1991 Expanded Book 90 史 基 2000-2008 Flash 2008- App 文

Slide 19

Slide 19 text

1971打 ⾸ 文 ? ⽿ 員 人 裝 史; ? Michael Hart報 立 誌 去 工 力 括 ⼿ ; ? 用 文 誌 ;符 用 HTML•TeX誌 ReStructedText ; ? 給 ⽂ ⾸ ;

Slide 20

Slide 20 text

Books on Browsers 2014 https://www.youtube.com/watch?v=rhLRBrMZ66Y

Slide 21

Slide 21 text

裝 一 1961 John Larry Kelly et al. on IBM 7094

Slide 22

Slide 22 text

表 文 第 方 ? 表 文 田 生 生 1997 立 ? XML ⾃ 失 明 1998 給 自己 方 ? 表 文 ⾃ 文 身 之 次 面口 銀

Slide 23

Slide 23 text

1991Voyager ⽿ 基 子 ? 用 ⽿ 麥 金 OS⼿ HyperCard 逐⽰ ; ? Bob Stein括 立 目 款; ? 括 立 既 基 •Flash誌 App ; ? ⽿ 子 長 ;

Slide 24

Slide 24 text

Apple HyperCard 尚 長 片 工

Slide 25

Slide 25 text

Expanded Books ⽰ 基⼿ CD Companion 3.5 片 傳 ; 音 條 用 ; https://vimeo.com/18571954 既 史 辦 片片 誌 銀⼿ ; https://vimeo.com/18571954

Slide 26

Slide 26 text

Apple 證 … Macintalk VoiceOver 1984/1/30 Macintosh launch demo 2006/8/7 WWDC '06

Slide 27

Slide 27 text

2000 OEBPS 子 一 ⽌ ? Palm PDA 90 史給 失 ⾃ 行 基 子 ; ? 既 基⽩ 裝⾸ 常 子 基OEBPS ; ? ⽩ ⾸ 章 造 ;

Slide 28

Slide 28 text

一 . 符 Typographic Richness 二 . 跨 Adaptability . 用 Accessibility . ⽌ International 孔. XML XML Compatibility . DRM Capability ⼥. 傳 Truly Open Standard By Jon Noring 用 子 ⼥ 厲

Slide 29

Slide 29 text

W3C誌 證 Web for All ? 1989 Tim Berners-Lee給 WWW 頁 逐; ? 1995 第 頁 逐 W3C 立 失 Web for All 頁 逐⾶ 支 言 明⾃ 人 常 用 ; ? 1999 頁 ⼿ 證 乎 WCAG 1.0 ;

Slide 30

Slide 30 text

?DAISY 助 證 Digital Accessible Information System ; ?1996 立 ⾃ 誌 盡 比 音 麻 而 源 助⾃ ; ? Talking Book ; ?1998 文 誌 音 DAISY W3C SMIL Synchronized Multimedia Integration Language 文 誌 音 ; ?Daisy 3 雲EPUB 3 而 一 ; 門 基 證 子 DAISY Consortium

Slide 31

Slide 31 text

2007 Kindle 子 飛 ? Amazon 一 ⽂本 章 ⼿ ⼿ • 誌 失既 ⽰傳 子 ; ? 而 Amazon ⽂本之 誌和釋 個 OEBPS EPUB 2.0;

Slide 32

Slide 32 text

TTS 疊⾃ !? Kindle 2 取 ?⽿ Kindle⾃ 耳 而 古 支 TTS ; ?2009 Author's Guild 疊⾃ ; ?Amazon 失 誌 罕 章 ; ? 一 史Kindle Paperwhite 耳 ;

Slide 33

Slide 33 text

Audible既 ?Amazon Audible ⾃ 生 ; ?2012 失Whispersync for Voice 籤⾃ 誌 子 ; ?2017 個源 成TTS VoiceView Screen Reader; ? 傳 章 塔 支 文 ;

Slide 34

Slide 34 text

Whispersync for Voice https://www.audible.com/ep/wfs

Slide 35

Slide 35 text

2012 EPUB 3.0 子 一 念 ? 日文 支 ; ? 尚 面 誌嚨 ? HTML 音 基 子 ; ? Daisy 證 ; ? Amazon之 委 植 ; 卻 目田 「

Slide 36

Slide 36 text

DAISY 誌EPUB 3 Daisy 3 EPUB 3部 Media Overlay 籤誌 文 示 ; 塔Apple Google Kobo ⽂本 支 ; Apple , "Fixed Layout Sample 3.2"

Slide 37

Slide 37 text

? 子 … ⾃ … ? 子 證 傳給 工 而 ; ? 大 一 金 一 證; ?源 基獎 證厲⾶ 給 取 Apple Vision Pro; ? 子 目 大 用 傳 ⽰ 生 Amazon ? 用 ?傳 厲 支 司 ?官 址 用 和另部 證 小 子 給 母 第

Slide 38

Slide 38 text

二 ⽅ EPUB 子 證 誌 部

Slide 39

Slide 39 text

Plextalk DAISY 擔 1997 日 大 狗 DAISY 基Talking Book 章 Plextor 失 Plextalk ⾃ ; 既 Plextalk Pocket 止支 ;

Slide 40

Slide 40 text

DAISY Talking Book 用 💿 措 部 ⼿ 部 ⽰ 👌

Slide 41

Slide 41 text

EPUB 子 用 ❓ https://www.irasutoya.com/

Slide 42

Slide 42 text

射 基EPUB 證部 … IDPF W3C ⾃Daisy Consortium ? IDPF 2012 EPUB 3.0 ; ? 厲⾶誌W3C 麻 ; ? 子 身 ⿅ ; ? 2017 入 W3C 助失 方 界基; ? Daisy Consortium W3C 身 誌;

Slide 43

Slide 43 text

⼿ • 籤 •障址 方面 逐 證障址 閱讀程式 ・本 身 是否符合W3C的規定 ・是否阻斷作業系統的協助技術 ・介 面 是否符合App無障礙 ⼿ 證 乎… 輔助科技 ・提供無障礙的能 力 ・處理內容結構的能 力 ・各種細節

Slide 44

Slide 44 text

頁 ⼿ 證 乎 Web Content Accessibility Guide, WCAG

Slide 45

Slide 45 text

?符 行 2.2 面 3.0 W3C 證 乎 ? 播 用 頁 證部 大 ? Perceivable ? Operable ? 第 Understandable ? 唯 Robust ?2.2 86員 Success Criteria ?⽅ A•AA•AAA 員 Web Content Accessibility Guide, WCAG 頁 ⼿ 證 乎

Slide 46

Slide 46 text

? 1.1.1 非文 ⼿ A 明⾃ 符 用 非文 ⼿ 明 的 ⾃ 一 員 目 史 文 ; ? 厲 路 片 ⾶⾃ 文 ; ? 3.1.2 言 AA 非 ⾃式 • 逐 • 式 言 • 文 方言 ⽅ 的 男 一 員 易 片 明 用 人 言 ⽌ 方 籤; ? 厲 ⼿ 文 文日文 ⾶ lang="" 軸 言 ; 員 取 EPUB 子 ⾶ WCAG

Slide 47

Slide 47 text

?App厲⾶ App傳給 證 乎; ? 頁 用 厲⾶ W3C ARIA ⾶ ; ? 自身 易 址 逐; 用 證 逐傳給… 籤 App易 頁 取 ⾃ 頁 aria-lable 籤 ;

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

? 身 TTS ?Apple : VoiceOver ?Android TalkBack ? 跨 TTS ?JAWS 那⾃ ?NVDA 傳 ? 示 擔 支 ? ⽌ 身 問 射 障址… 障址 逐

Slide 50

Slide 50 text

厲⾶ 大 部誌 方 方 輔助科技 內容製作 ・出版社製作 ・外包商製作 ・平台商代製 配送系統 ・圖書館服務 ・電 子 書零售 閱讀程式 👤 用 偏 ⽩ 用 易 跨

Slide 51

Slide 51 text

證 DIRECTIVE 2019/882 又 EAA https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=celex:32019L0882

Slide 52

Slide 52 text

? 裝• 誌 •Kiosk• • 段• 行 • 子 誌 子 ? 行 ?2022 立 支 ?2025 厲 行 部 ?2030 雲 行 誌 男孔 個源 ; 濟 部 立 支 證 段 證

Slide 53

Slide 53 text

? 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 部 而 ; 子 目

Slide 54

Slide 54 text

? IV 2.1.2.1.1 (i) 一 子 文 音 音 誌 文 章 Daisy 之 EPUB 3 ;⾃章 ⾶次次 ; ? IV 2.1.2.1.2 (ii) 子 助 證障址 和 ? IV 2.1.2.1.6 (vi) 助 第 段 證 證 子 身 籤 身 支 障址 ; 子 目

Slide 55

Slide 55 text

? ⾶⼿ ⾃ ?給符 Discoverability 籤 第 章 ; ?⼿ WCAG; ? 頁 Page-list ; ? 次問 ; ? ; ? ⽌失 客誌 那 ; W3C EPUB 用 1.1

Slide 56

Slide 56 text

? 男 一 問 次 證 支 取 一頁一 問EPUB 3尚 面 之 入 白文 符 籤 ; 用 ⾶問 ; ? 籤 厲⾶ 章 子 子 厲⾶ 章 證障址 ; ? 用 EPUB 既 metadata 入 而 ⽩ 易 用 示 ; 籤 自己 章 ; 給符

Slide 57

Slide 57 text

? 用 子 誌 老 銀⾶ 98 頁 決 子 定… ? 用 EPUB Page-list 頁面 嵌 ? ⼿植 頁 ; ? 文 ⼿ 失⽅ 頁 ; ? 章 支 子 塔⾃Apple Books•Amazon Kindle 誌Google Play Books 支 ; 誌 頁面

Slide 58

Slide 58 text

? 用 證 厲 ?⼿ 厲⾶ ? 籤 改厲⾶ ? 誌 用 失 ? 頁 誌軸 用 ⾶ ? 目 之厲⾶ 音 雲 行 籤 ; ⾶問 問次問

Slide 59

Slide 59 text

?⾃ 身 證 ?⾃ EPUB ⼿ 塔⾃ 音 ⾃ 文 ?⼿ 文 用 文 EPUB; ?章 ⽌ 失 客 WCAG部 盡 足 厲 之 和另 證 ; ?厲⾶ metadata accessibilitySummary 銀 章 的; 證 證部 ⽌ 失 客

Slide 60

Slide 60 text

?章 示 子 / 頁面 籤 措章 … ? 證 ⾶ 子 誌⽂多 之 厲⾶ 證 ; WCAG 之 頁 用 ARIA部 ; ? 證 軸 • ⼿ • 章 證 • 古 證 用 籤 • 籤 子 ; 頁 引 面 厲⾶ ⽅ 證 誌 子 證

Slide 61

Slide 61 text

?⼿ 失 自己 易 幸 子 ⼿ WCAG 2 A ? 證 ⼿ 證部 metadata; ? 失 • 易 方 部 ; ? 示 metadata 子 • 子 既 自 基 失 示 頁面 明⾃ 人 籤章 ; ? 址 逐 部部 子 誌DRM 址 章 子 而 方 造 籤 部 證 失 一 員

Slide 62

Slide 62 text

ࢹ֮ো֐ऀ౳ͷಡॻ؀ڥͷ੔උͷਪਐʹؔ͢Δ๏཯ ຢ᜝ᩇॻແো᛻๏ʢಡॻόϦΞϑϦʔ๏ʣ https://elaws.e-gov.go.jp/document?lawid=501AC0100000049

Slide 63

Slide 63 text

證 址 心 ⽂ 多 立 ? 日 失 • 日 失 括 心 NGO 立 目 立 ; ? 失 嵌 一 口 ; ? 失 ABSC 證 https://jpo.or.jp/absc/ report/ab/ ;

Slide 64

Slide 64 text

ిࢠਤॻؗͷΞΫηγϏϦςΟରԠΨΠυϥΠϯ 子 乎1.0 https://www.ndl.go.jp/jp/support/guideline.html 八 條 https://www.ndl.go.jp/jp/event/events/toshokansogo_20231025_02.pdf

Slide 65

Slide 65 text

? 證 子 Plextalk兩 嵌 用 ; ?⾃ 逐 小 生 大 ⾶ 部 ⽼; ? 逐 ⾶ • 籤 • 障址 逐 常 ; ? 部 ⾶ 身 證部 古 ⽩ ⽅ 證 ⽩ 之措 足 常 用 ; ? 日 籤 證 既 •失 植 • 擁 多 •括 立 部 ⾶ 目 料誌 ; ? 問…⾃射 每哥 … 問… 小 ⽰ 逐誌 部

Slide 66

Slide 66 text

⽅ 證 逐 方

Slide 67

Slide 67 text

? 助失 證 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 告 手 ⾃ 裝 傳

Slide 68

Slide 68 text

?WCAG A易AA ?EPUB a11y 1.1 給符 既 ?EPUB a11y 1.1 頁 ?EPUB a11y 1.1 文 誌 音 部 ?EPUB a11y 1.1 ?ACE by DAISY 證 工 ? DAISY accessibilityFeature ; ⼿ •既 • 方 證 逐⽅

Slide 69

Slide 69 text

?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

Slide 70

Slide 70 text

?銀 明⾃ 符 用 非文 ⼿ 明 的 ⾃ 一 員 目 史 文 靜 入 • 改 • • • • 跨 • 非 ; ? 方 ? 用 alt="" 史 文 ? 用 罕 片 厲⾶ 文 ?和另 手 Non-text Content - Level A 1.1.1 非 文 ⼿ 文 自 2023/11/17 助給 W3C 文

Slide 71

Slide 71 text

史 文 罕 問題 一 :圖片裡有沒有 文 字? 問題 二 :該圖片是否 用 於連結或按鍵,如果沒有該圖片,會不會很難或 無法理解連結或按鍵的 目 的? 問題三:該圖片是否對這 一頁 或整體內容 而言 有意義? 有, 文 字和附近內 文文 字 一 致 有, 文 字只是視覺效果 有, 文 字提供特定功能,例如圖 示 有, 文 字和附近內 文文 字 一 致 跨 〈 alt 表 跨 〈 alt 表 〈 alt 銀 片文 〈 alt 片 文 是 〈 alt 目 易 既 基 銀

Slide 72

Slide 72 text

問題三:該圖片是否對這 一頁 或整體內容 而言 有意義? 是,內容是簡單的圖像或者照片 是,內容是圖表或者包含複雜資訊 是,內容為附近內 文 內容的額外資訊 片 〈 alt 片 嵌 常 ; 踐嚨 片 〈 alt 年 頁面 和另 方 片 〈 alt 表 罕 明⾃ 取 https://www.w3.org/WAI/tutorials/images/ 問題四:該圖片為裝飾,或者並非要提供給使 用 者 是,內容是簡單的圖像或者照片 跨 〈 alt 表 史 文 罕 https://www.w3.org/WAI/tutorials/images/decision-tree/

Slide 73

Slide 73 text

Non-text Content - Level A 1.1.1 非 文 ⼿ ? 片 〈 史 文 ? 銀 章 Nuvomedia 失 Rocketbooks 比 Kindle ⽿ 失; ? 一 用 嵌 色 ⽿ 子 籤擔; ? 載 色 跨 ⾃嵌 色 LCD辨 用 籤 子 ⾃ 頁 ; ? AI 址… John Siracusa, , 子 必誌 「

Slide 74

Slide 74 text

Non-text Content - Level A 1.1.1 非 文 ⼿ ? 踐嚨 片 〈 ? 銀 2.4 鹿 皮 失 口 ? 史 文 1635 1661 鹿 皮 失 口 1637 高 15 1640 3 既男 ⾃ 高 ⾃ ; 用 2.4 事 取; ? 鹿皮 失 口 2.4 取; , 2023, 「, 山 失

Slide 75

Slide 75 text

?和另 方 aria-descriptedBy ? id ⼿ 文 銀 片 助 Non-text Content - Level A 1.1.1 非 文 ⼿ 圖2.4:台灣鹿
皮
出
口
數量(張)來源:Koo
(2011)。

   大 員議會也注意到朱諾斯牧師所提出的問題,因 而 採取 一 系列的對策。 1638與1639兩個年期的鹿 皮 出 口大 增,主要是 中國獵 人 使 用 陷阱捕鹿。1638年5 月 ,荷蘭 人 禁 止 中國獵 人 在4 月 底之後獵鹿。以4 月 底為期限的理由是, 母 鹿通常在4–5 月生小 鹿。翌年5 月 ,荷蘭 人 規定,中國獵 人 不得再設陷坑捕鹿;1645年起則全 面 禁 止 中國 人 捕鹿。

Slide 76

Slide 76 text

?和另 方 figure / figcaption ?HTML5 誌 銀 用 ; Non-text Content - Level A 1.1.1 非 文 ⼿ 
一
張描述
西
元1635到1661年台灣鹿
皮
出
口
量的
圖。 圖2.4:台灣鹿 皮 出 口 數量(張)來源:Koo(2011)

Slide 77

Slide 77 text

?銀 非 音 ⼿ 文 ⼿ 史 古⾃ 示 失 明⾃ 音 ⼿ ; ? 方 ? EPUB ⾃ 片 片 入 易 入 音 ⾃ 示 夠 ; Captions (Prerecorded) - Level A 1.2.2 ( )

Slide 78

Slide 78 text

?銀 1.3.1 符 方 明 • 誌 ⾶ ⽌ 方 籤 易 ⾃ 文 ; 1.3.2 ⼿ 符 改 疊和 ⾶ ⽌ 方 籤 籤改 ; ? 方 ? 用

⾶ 用

; ? 用 ⾶ 用 ; ? ⾶ 用 表 白 誌 行 面 ; Info and Relationships / Meaningful Sequence - Level A 1.3.1 誌 1.3.2 ⾃ 改

Slide 79

Slide 79 text

?銀 色 問 一 • 失基 • 成 易夠 手 用 ; ? 方 ? ⾶ 色 一 取 ? ⼿ 文 1843 ? 1843 ?之 子 辨 假 的; Use of Color - Level A 1.4.1 色 用

Slide 80

Slide 80 text

?銀 頁 ⾃ 用 易 目 ; ? 方 ?EPUB⼿男 一 XHTML ⾶ 入 ; ?⾃ 籤 示 頁 ; ? 式• 至 ⾶ 式; Page Titled - Level A 2.4.2 頁 Ray Bradbury 高 氏 451 「

Slide 81

Slide 81 text

?銀 明 用 常 明厲 符 文 而 ⾶ 用 文 ; ⽌• ⾶ ; ? 見 的 ? 文 前 文 • 文 誌 文 用 ? 式 易 ⾸ Images of Text - Level AA 1.4.5 文

Slide 82

Slide 82 text

? 文 前 文 • 文 誌 文 用 ? 第 方 EPUB 3 乎 ? 文 括 用 Unicode 偏 傳 入 示 ; ?Ext-B既 括 片 alt ? 音 ? 銀 章 一 員 用 首 疒 壓 一 員 長 Images of Text - Level AA 1.4.5 文 𰣻 U+308FB

Slide 83

Slide 83 text

? 式 易 ⾸ ? 第 方 ?括 疊 文 用 厲 史 文 片 偏 CSS ⾸失 呈 ⾸ 而 ⾶ 用 片 ; ? 措 用 PNG•JPEG ⽌ 片 alt路厲靜 入 史 文 ; ?易 用 文 SVG 片 ; Images of Text - Level AA 1.4.5 文 2024, 「• 高 第「, 失

Slide 84

Slide 84 text

?銀 2.4.5 方 失 一 頁 一 頁 助 非 頁 員 改易 ; 2.4.6 用 易 目 ; ? ?⾃ 目 ?⾃ ⾃ 易 Multiple Ways / Headings and Labels - Level AA 2.4.5 方 2.4.6

Slide 85

Slide 85 text

?括 問 ? 文 示目 示 ? 一 訊EPUB靜失 造 手 基 章 天 ? ⼿ 頁 用 文 用 hidden="hidden" 示 ? 入 用 ? ⾃ 易 式 子 入 一 面手 示 引 面 Multiple Ways / Headings and Labels - Level AA 2.4.5 方 2.4.6

Slide 86

Slide 86 text

?銀 文 文 符 至 ⾶⾃ 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 比 ( 小 )

Slide 87

Slide 87 text

?銀 非 ⾃式 • 逐 • 式 言 • 文 方言 ⽅ 的 男 一 員 易 片 明 用 人 言 ⽌ 方 籤; ? 方 ? 用 lang="" 和另 言文 ? ⾃AI 自 基 言 工 Language of Parts - Level AA 3.1.2 言

あか」是紅、「き」是黃、「くろ」是 黑 。

Slide 88

Slide 88 text

? 男 一 問 次 證 支 取 一頁一 問EPUB 3尚 面 之 入 白文 符 籤 ; 用 ⾶問 ; ?籤 厲⾶ 章 子 子 厲⾶ 章 證障址 ; ? 用 EPUB 既 metadata 入 而 用 籤 自己 章 ; EPUB a11y〈給符 既

Slide 89

Slide 89 text

EPUB OPF Package metadata•manifest誌spine Package metadata 既 式• •失 •ISBN• 日 manifest XHTML•SVG• 片 •CSS spine XHTML•SVG 改誌 符 方

Slide 90

Slide 90 text

EPUB OPF metadata

Slide 91

Slide 91 text

EPUB OPF 證既 ⾃孔 accessMode 獎 ⾶ textual accessibilityFeature 證 ⾶ alternativeText accessibilityHazard 證 ⾶ none accessibilityFeature 證 ⾶ 圖片都提 供簡單的描述。內 文 表格未提供原始資料 文 字,改為描述表格的意義。 accessModeSufficient ⾶ 力 textual

Slide 92

Slide 92 text

? ?visual ⾃ 片 易 片 片用 跨 ; ?textual 文 ⼿ 片 易 文 問 片 ; ?auditory 音 ⾃ 音 易 片 疊第 ; ?tactile 正⾃ 用 Unicode 易 片 ; ⼿ 獎 符 accessMode 獎

Slide 93

Slide 93 text

? 獎 正 一 取 一 小 銀路⾃ 文 之⾃ 片 人 引 •易 取 第 小 銀 ⽩ 面 Visual誌 texual; ⼿ 獎 符 accessMode 獎 textual visual

Slide 94

Slide 94 text

?DAISY 用 http://kb.daisy.org/publishing/docs/metadata/schema.org/ accessibilityFeature.html ? 證 ? 史 文 alternativeText ? describedMath ? 長 longDescription ? ⽅ 頁 pageBreakMarkers ? unlocked 證 accessibilityFeature 證

Slide 95

Slide 95 text

? 證 厲⾶員 ?載 既 面 銀 非 明⾃ 用 EPUB; 證 accessibilityFeature 證 alternativeText pageBreakMarkers pageNavigation

Slide 96

Slide 96 text

?flashing 片 易 ⾃ 一 間 ; 壓結易 ; ?motionSimulation ⾃ 片 人 易 3D 獎 基 基 獎 人 壓結易 心 ; ?sound 正⾶ 音 音 ; ⾃ 人 疊• 大 易 音 誌 而 ; ⾃ 音 ⾃ ⾃ 音一 ⾃ accessibilityHazard 證

Slide 97

Slide 97 text

?none ⾃ ; ?unknown 齊 用 給 行 措 用 ; ⾃ 音 ⾃ ⾃ 音一 ⾃ accessibilityHazard 證

Slide 98

Slide 98 text

? 一 ⾃ 入 籤 音 小 銀 ? 一 ⼿ 一人 片 人 籤 證 accessibilityHazard 證 noFlashingHazard noMotionSimulationHazard sound Flashing/meta> MotionSimulation sound

Slide 99

Slide 99 text

人 籤 證 accessibilitySummary 證 ⾶ ? 一 ⾃ ⾃ 籤 頁 ⼿ ? 一 ⾃ 問 片 alt塔 ? 誌 ⽩ 章 文 示 / 頁面 ; 這 本書是 一 本有聲書,將印刷版本全部 文 字內容都錄成聲 音 ,但不包括版權 頁 。 本 書內 文 表格以圖片處理,不是真正的HTML表格。表格圖片提供替代 文 字來描述表格呈現 的意義,不逐 一 敘述原始資料。

Slide 100

Slide 100 text

? 一 文 小 銀 片 人 引 ⾃ 史 文 ; 明 ⾶ 獎 textual 大 人 障址 籤; ? 一 第 文 小 銀 錯 符 ⽩ 面 ⾃ 史 文 ; 明 ⾶ 獎 textual誌visual 證 第 ; 籤 ⾶ ⾃ 獎 accessModeSufficient ⾶ 獎 textual textual,visual

Slide 101

Slide 101 text

子 之 頁 逐乎 用 方 EPUB a11y〈 頁

Slide 102

Slide 102 text

? 一 ⼿ 頁 入 ⽅ 頁 植 ⼿ 子 之 頁 逐乎 用 方 EPUB a11y〈 頁 中分 頁 時,使 用 */ role="doc-pagebreak" /* 這是ARIA role,告知此處 文 件分 頁 點 */ epub:type="pagebreak" /* 這是EPUB 3.0時代的遺留,現在可以不加 */ id="pg24" /* 一 定要有id來供導覽 文 件連結 */ aria-label="24"/> /* aria-label是TTS朗讀時會唸出的 文 字 */

Slide 103

Slide 103 text

? 一 ⼿ 頁 入 ⽅ 頁 植 子 之 頁 逐乎 用 方 EPUB a11y〈 頁
元素之間或其他位置時,使 用
*/ role="doc-pagebreak" epub:type="pagebreak" id="pg24" aria-label="24">24
/* 如果要顯 示頁 碼,請改成這樣 */

Slide 104

Slide 104 text

? 二 文 入 page-list 子 之 頁 逐乎 用 方 EPUB a11y〈 頁

印刷書 頁面 索引

  1. 1
  2. 2
  3. 3
  4. ...

Slide 105

Slide 105 text

? opf 入 ⽅ 頁 ISBN 子 之 頁 逐乎 用 方 EPUB a11y〈 頁 urn:isbn:9789869206129 pagination ... ...

Slide 106

Slide 106 text

? opf 入 證既 子 之 頁 逐乎 用 方 EPUB a11y〈 頁 pageBreakMarkers pageNavigation ... ...

Slide 107

Slide 107 text

?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

Slide 108

Slide 108 text

?⾶ 1 明⾃ 文 ⾶⾃ 音 ; ?⾶ 2 改 音 ⾶ 頁面 誌 頁面 改 頁面 改 ; ?⾶ 3 軸 • 頁 smil epub:type footnote•pagebreak 用 章 ; ?⾶ 4 失 片 • • smil epub:type figure•list•table 用 章 失; ? 偏 文 之厲⾶ 音 ; 符 次 證問次 次 EPUB a11y〈 部

Slide 109

Slide 109 text

部 EPUB a11y〈 dcterms:conformsTo 射 部 EPUB Accessibility 1.1 - WCAG 2.1 Level AA a11y:certifiedBy / 雲 行 … 評量者或者組織的名字 雲 行 … 2021-09-07 a11y:certifierCredential 射 • 台灣電 子 書無障礙標章AA+ a11y:certifierReport 載

Slide 110

Slide 110 text

? 用 property dcterms:conformsTo ?⼿ 示 部 ?EPUB Accessibility 1.1 ?WCAG 2.0 2.1易2.2 A易AA•AAA ? 既 ⾶ 失 一 員id conf; 章 射 證 … conformsTo EPUB Accessibility 1.1 - WCAG 2.1 Level AA

Slide 111

Slide 111 text

? 用 property a11y:certifiedBy ?⼿ 雲 行 員 人 誌 ?refines 年dcterms:conformsTo ID conf ? ⾶ 天 一 員ID certifier 易射員 雲 行 … certifiedBy 評量者或者組織的名字 如果舊版檢查器出現問題,在OPF的裡宣告字 首 a11y:

Slide 112

Slide 112 text

? 用 property dcterms:date ?⼿ YYYY-MM-DD ?refines 年a11y:certifiedBy ID certifier 雲 行 … 2024-01-16

Slide 113

Slide 113 text

? 用 property a11y:certifierCredential ?⼿ 易 式 ?refines 年a11y:certifiedBy ID certifier ⾃ ⾃ 易 … certifierCredential 台灣電 子 書無障礙標章AA+

Slide 114

Slide 114 text

? 用 rel a11y:certifierReport ?refines 年a11y:certifiedBy ID certifier ?href 年 明 助 ? 料 http:// 序 ? ⼿ 料 / ⾃ ⾃ 易 … certifierReport

Slide 115

Slide 115 text

頁 證 EPUB a11y〈 證 子 https://accessibility.moda.gov.tw/Applications/Index/1?EnableId2=3

Slide 116

Slide 116 text

? 身心 證 52-1 1. 目 制 男 基 • 客 證 ⾸部 客 ⾸易 證部 誌 段 鼓 客 易 客傳給• 生 易 部 ; 2. 目 制 ⼿ • • 客易 第 ; ?明 EPUB 子 之 ⾃ 一 員 嵌助 WCAG 2.0+ A易AA 給符 既 既; 誌 員 ; 頁 證 EPUB a11y〈 證 子

Slide 117

Slide 117 text

DAISY 證 工 ACE〈EPUB 證 工 ? ⽩ Windows•macOS•linux ? WCAG A誌AA ? EPUB a11y 1.1 既 ? 目 ? 片 史 文 ? 靜失 頁

Slide 118

Slide 118 text

DAISY 證 工 ACE〈EPUB 證 工

Slide 119

Slide 119 text

DAISY 證 工 ACE〈EPUB 證 工

Slide 120

Slide 120 text

DAISY 證 工 ACE〈EPUB 證 工

Slide 121

Slide 121 text

DAISY 證 工 ACE〈EPUB 證 工

Slide 122

Slide 122 text

DAISY 證 工 ACE〈EPUB 證 工

Slide 123

Slide 123 text

助 取誌 見 ⿅ 文 〈 文 ⾃ ? 用 史 文 誌 ? 一 八 U+3007 IDEOGRAPHIC NUMBER ZERO 一 示 次 ? 一 八 ̋ ̋ U+25EF LARGE CIRCLE TTS 給 音 ? 誌 目 籤 ? 一 八 誌 一 八十 ?1984 一 八十

Slide 124

Slide 124 text

助 取誌 見 ⿅ 文 〈 文 ⾃ ? 音 言 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' 一 八十 1984

Slide 125

Slide 125 text

? 一 正⾃ 文 小 銀 高 ?EPUB ⼿ ⾶ WCAG ⾶ 部 而 心 ? 址 ?1.1.1 非文 ⼿ 片 〈 ⼿ ?3.1.2 言 ⼿ 文 嵌 自 基 軸 ?厲⾶ 力 括 立 踐嚨 片 〈 ? 大 問次 個 人力 誌 金 刀口 目 逐 罕 小 證部 和

Slide 126

Slide 126 text

accessibilityFeature

Slide 127

Slide 127 text

史 文 1. alternativeText ? 明⾃ 片 史 文 跨 片 表 軸

Slide 128

Slide 128 text

軸 2. annotations ? 條 ? aria-describeBy 證 軸 軸 ?取 ? MathML⾸ 文 ? 用 傳 載 片 銀

Slide 129

Slide 129 text

ARIA 3. ARIA ?W3C ARIA部 用 role 文 ? ⾃ 用 ? 文 • • 片 ? ⾶• ⾶⼿ ?基 夠 Live Region ⽚ ? Windows 失 屬 ? 軸

Slide 130

Slide 130 text

口 4. audioDescription ? 片 口 軸 ? ⽅⼿ 片 易 HTML

Slide 131

Slide 131 text

口 5. audioDescription ? ⼿ Unicode 軸

Slide 132

Slide 132 text

口 6. captions ? 片 用 軸 ?誌 口 厲 訂 誌 片 基

Slide 133

Slide 133 text

7. describedMath ?符 用 mathML EPUB ⾸ ? 用 alttext 口 2a⽅ b b⽩ 方 4ac ? ⾸ 軸

Slide 134

Slide 134 text

文 8. displayTransformability ?章 部 示 ⼿明⾃ 文 ? ⾃問 片 文 ? ⾸ 用 px誌pt 寸 嵌助

Slide 135

Slide 135 text

高 比音 9. highContrastAudio ? ⾃ 片 易 音 ?明 音 ⾃訂 音 ?古訂 誌 ⾶ 音 20dB 軸

Slide 136

Slide 136 text

高 比 示 10. highContrastDisplay ? 文 誌 片文 7:1 高 比 軸

Slide 137

Slide 137 text

乎 11. index ? 乎 證 決⼿ 手 ?失 客 一 員 乎 人 式 乎易 乎 軸

Slide 138

Slide 138 text

長 12. longDescription ?明⾃ 踐嚨⼿ 片 • 誌 •⾸ 雲 行 銀 軸

Slide 139

Slide 139 text

13. MathML ? 用 MathML 符⾸ ? 入 ⾸ 文 誌describedMath 用

Slide 140

Slide 140 text

14. none ? ⾃因 證 ?易 ⾃

Slide 141

Slide 141 text

⽅ 頁 15. pageBreakMarkers ? ⾃ ⽅ 頁

Slide 142

Slide 142 text

頁面 16. pageNavigation ? 一 頁面 ? 之 pageBreakMarkers

Slide 143

Slide 143 text

籤 改 17. readingOrder ? 用 尚 面 ? 籤 改 用 HTML 夠⽅ ⾶誌 ⾶⼿ 籤

Slide 144

Slide 144 text

音文 18. rubyAnnotations ? 用 日 文 式 文 音 易 音 ;

Slide 145

Slide 145 text

手 19. signLanguage ? 音 ⼿ ⾃ 手 ⼿ ? captions誌audioDescription 次 手 證 用

Slide 146

Slide 146 text

20. structuralNavigation ?明⾃ 誌

Slide 147

Slide 147 text

音文 21. synchronizedAudioText ? 用 EPUB 3

Slide 148

Slide 148 text

目 22. tableOfContents ?EPUB ⾃ 目 正⾃ 目 常 ;

Slide 149

Slide 149 text

片 誌 23. tactileGraphic / tactileObject ?EPUB 個符 ? 間 易 靜失 用 軸

Slide 150

Slide 150 text

24. timingControl ?史 誌 ⾃ 基 證 厲 ⾶ 長 成 ? 用 自己自行 軸

Slide 151

Slide 151 text

求 文 25. transcript ? 音 ⼿ 求 文 軸 ?⾃ 人 音 籤 文 明 求 文 Captions誌audioDescription 史客 ?之 頁 括 失 音 誌 片 ⼿ 文 求 頁

Slide 152

Slide 152 text

文 植 音 26. ttsMarkup ? 用 SSML ⽌TTS 符易 給 音 PLS) ⽌給 音 ;

Slide 153

Slide 153 text

27. unlock ? 示 ⾃雲 行 因 DRM ?失 ⾶ 用 造 因 DRM

Slide 154

Slide 154 text

一 般性功能 文 字設計 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(限時控制)

Slide 155

Slide 155 text

⾃因 Email [email protected]