July 12, 2016

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

removed
added

-1,7 +1,7

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

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

所發表 | 顯示版本變更: 1.3
[創用 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: 部落格 | 網頁親和力 | 深入親和力 | 簡報原力:AV | 履歷 | @

keenworks::Revision=HASH(0x801c9a498) Parameterless "use IO" deprecated at /usr/local/lib/perl5/site_perl/HTML/Clean.pm line 4.