July 12, 2016

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

removed
added

-4,3 +4,4

  • 網站設計技術與無障礙要求(PDF 格式,約 20 MB,內嵌影片)
  • 網站設計應用新趨勢與無障礙(PDF 格式,約 1 MB)
  • 這次的課程中,除了投影片裡的材料,我還設計了一個小活動,讓學員親自操作體驗「替代文字」容易產生的溝通誤會(這個活動是從探索博物館裡面學來的!);此外,我也在其中幾場利用《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: 部落格 | 網頁親和力 | 深入親和力 | 簡報原力:AV | 履歷 | @

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