內容的親和力

昨天終於把Web Accessibility第六章看完了,這陣子因為在玩God of War所以看的慢很多,關於這款遊戲我可能另外再介紹吧。

Web Accessibility第六章是在講網頁內容的親和力,主要放在圖片、表格、媒體檔案這幾個主題,每種內容都講的很詳細,從問題點、應該怎樣做、到不同的輔具會有怎樣的結果都有介紹,以下簡單摘要:

有包含資訊的圖要加alt屬性說明該資訊、如果是統計圖的話則用longdesc連到另一個網頁來說明數據,排版或無實際資訊的圖片要加上空的alt屬性值。

表格的話則是先分為排版用和資料用,如果用表格排版,那千萬不要加上任何語意相關資訊,例如表頭(th)、摘要等等,如果是資料表格,那就是要注意表格欄位和表頭之間的關係,如果是階層式表格或是更複雜的表格,那就需要使用header屬性來做連結,不過以我來說,另外我一直覺得用表格排版,親和力就會很差,不過這張也有對此做說明,理論上表格排版也是可以做出有親和力的網站,不過不太容易就是,畢竟表格還是會把物件在版面上的位置和他在文件里的位置寫死,要兩邊都是最佳位置不太容易。

至於媒體檔案、像是影片和聲音,都是建議能提供同等資訊的文字內容,而Flash之類比較特別的檔案則是後面還有章節專門介紹,另外一個不是這章說的我知前部知道的事,就是java applet其實有做親和力支援的能力,不過現在也很少java applet就是了。

另外一個我覺得可以放在這章講的內容,不過目前好像沒有看到,就是良好的文件結構,例如階層的標題等等,不知道會不會放在別章講,不過就算沒有也沒關係,HTML Mastery有稍微提到就是。

接下來的第七章是在Accessible Navigation,我稍微看了一下,覺得應該也會是不錯的一章,不是在講網站的導覽系統,而是要如何讓無法使用滑鼠或圖形瀏覽氣得人也可以輕鬆的導覽整個頁面,例如提供跳過導覽的連結可以方便screen reader的使用者直接進入網頁的主要內容。