July 12, 2016

傳送至 Kindle
互動式隨選列印/另存成 PDF

[黑客人生]網站設計技術與無障礙要求

最近剛幫國家通訊傳播委員會(NCC,National Communications Commission) 講完一輪網頁親和力的相關課程,有興趣的朋友可以參閱我這次使用的投影片:

這次的課程中,除了投影片裡的材料,我還設計了一個小活動,讓學員親自操作體驗「替代文字」容易產生的溝通誤會(這個活動是從探索博物館裡面學來的!);此外,我也在其中幾場利用《The Interviewer》影片,解說同時運用字幕及音訊描述(口述影像)的實務細節。

(+) 於 所發表 | 顯示版本變更: 1.2 |
[創用 CC 授權條款]
網站設計技術與無障礙要求〉由 Jedi 製作,所有內容如無特別聲明,一律以創用 CC 姓名標示 3.0 台灣版授權條款釋出。
相關文章:
歷史上的今天:
迴響
[ 1 : 靜態鏈結 ]

Jedi你好:
我昨天有上您的課,受益良多,想請問的 longdesc 屬性,我看 w3school 上似乎寫目前沒有 browser 支援? 網址如:http://www.w3schools.com/tags/att_img_longdesc.asp

由 Liang 發表於 July 12, 2016 12:36 PM
[ 2 : 靜態鏈結 ]

舊版(Presto 核心)的 Opera 其實有支援,在圖片上的右鍵選單,可參考此圖: https://www.dropbox.com/s/scolf7pvyb44kqm/longdesc_opera_demo.png?dl=0
部分版本的 Firefox 也有部分支援(但是介面沒有 Opera 做得好)。

此外,螢幕報讀軟體如 NVDA 則有支援 longdesc 屬性,可參見 https://github.com/nvaccess/nvda/issues/809

註:w3school 並不是 W3C 的合作單位,上面有些資訊有時候會出錯或不夠完整,請留心。

Jedi 發表於 July 12, 2016 02:17 PM
[ 3 : 靜態鏈結 ]

補充說明,另外各瀏覽器其實也可以透過安裝擴充套件,來改善 longdesc 屬性的支援。

Jedi 發表於 July 12, 2016 02:24 PM
[ 4 : 靜態鏈結 ]

20MB那個第280頁track拼錯了

Eric 發表於 July 21, 2016 07:15 PM
[ 5 : 靜態鏈結 ]

感謝回報,已修正。

Jedi 發表於 July 21, 2016 08:01 PM
給我迴響吧!
個人資訊








是否記住個人資訊?



請依上圖輸入檢核碼:
迴響





Jedi.org: 部落格 | Weblog | 三太子 | 討論 | 網頁親和力 | 深入親和力 | 簡報原力:AV | 履歷 | + | @ | Flickr | tumblr | NSFW