July 12, 2016

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

removed
added

-4,3 +4,4

  • 網站設計技術與無障礙要求（PDF 格式，約 20 MB，內嵌影片）
  • 網站設計應用新趨勢與無障礙（PDF 格式，約 1 MB）

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

    由 Jedi 於 July 12, 2016 03:12 AM 所發表 | 顯示版本變更: 1.2
    [創用 CC 授權條款]
    〈網站設計技術與無障礙要求〉由 Jedi 製作，所有內容如無特別聲明，一律以創用 CC 姓名標示 3.0 台灣版授權條款釋出。
    相關文章:
    歷史上的今天:
    西元 2011 年: 西元 2007 年:
    迴響
    [ 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.