UDesign

報稅的季節剛結束，應該不少人採用網路報順，短短幾十分鐘便完成國民應盡的義務了，不過你是否有注意到一則新聞[1]，提到目前網路報稅的頁面設計不良，讓視覺障礙者仍必須靠他人的協助，將財產資訊全都癱在陽光下，才能完成報稅工作呢？ 

世界上有一億的人口具有身心障礙的問題，當科技與日常的生活越來越習習相關的同時，我們必需好好思考網路如何設計以提升其網頁對各式各樣使用者的利用性(accessible)。本文摘自英國文化協會網站[2]，提出20個網頁設計的建議，讓設計師以及網站規劃師來審視網頁設計需要做哪些潛在障礙的排除，或是新增哪些輔助功能：

 1. 瀏覽網頁的替代方案：提供網頁有聲閱讀、純文字網頁版本等選擇，以確保網頁資訊可用多種模式讀取。

 2. 避免閃動特效：包括強烈閃動特效與跑馬燈資訊等應盡量避免；已有醫學案例顯示閃動效果太過強烈，導致觀眾光過敏[3]而引起身體之不適。

 3. 按鍵可辨識：應確保按鍵圖形與表格資訊也可以被只具部份視覺能力者瀏覽。

 4. 色彩對比：運用合適的色彩對比，確保文字與圖形皆可以被各類型色覺障礙者辨識、讀取。

 5. 技術相容性：網站設計時所使用的各類元件，為大部分的系統所採用、相容。

 6. 資訊一致性：網站上的資訊陳列須具備一致性，除了更方便於瀏覽外，即使使用螢幕閱讀軟體也沒有問題。

 7. 資訊內容原則：不論是文字版本、語音版本，提供之資訊必須是相同的。

 8. 文件撰寫：以明確、清楚的風格撰寫，協助使用者容易了解。

 9. 字體適中：以可讀性(readability)為決定原則，同時最佳的字級設定為12。

10. 格式(forms)：恰當的標註標籤(label)命名，可以讓螢幕閱讀軟體快速、有效地在眾多訊息中確認所欲取得的訊息。

11. 共用邊框(frames)：擅用標註標籤(label)，可以讓使用者更容易找到想要打開的訊息框架，不論使用者是使用螢幕閱讀軟體或是文字瀏覽器。

12. 連結(Links)：連結網址若使用’’click here”或”see more”之方式標註，對於純文字網頁版本的使用者而言會造成困擾，可以”有意義命名”來取代。

13. 瀏覽：資訊清楚、具一致性流覽互動方式對使用者來說是最好的，此外應儘量讓使用者在能按下滑鼠三次(click)之內，可以取得他所需要的資訊。

14. 避免混亂(clutter)：網頁上太多的文字、嵌入物件會造成螢幕閱讀軟體使用者的困惑，應盡量避免繁複、花俏的設計。

15. 簡化版面(simplicity)：儘可能確保所有細節能簡單、明確。

16. 網站架構地圖：提供網站架構(layout)，可以讓使用者更方便瀏覽。

17. 圖表整理：圖表資訊必須仔細被標註(labelled)好，即使是使用網頁有聲閱讀版或純文字網頁版本的使用者也能了解。

18. 上線前測試：網站上線之前應以各類閱讀器(軟體)進行測試、確認，同時也應該請教各類使用者提出網站設計的使用性的建議。

19. 文字敘述：對連結與圖像之文字說明，必須要言之有物(具體)。

20. 影音訊息的替代文字：某些資訊以圖片、聲音、影像等方式呈現，也最好有提供相同文字敘述說明，如此無法以前列方式接收的訊息，也能夠透過文字讓使用者有基本的認識與了解。

若需要了解更進一步的訊息，可至以下網站取得更專業、深入的設計建議：

1.      「網站資訊可親性指導原則」- Web Content Accessibility Guidelines

        資料來源：WCAG 工作小組(Web Content Accessibility Guidelines, WCAG)

http://www.w3.org/WAI/intro/wcag.php

2.      「無障礙網路是什麼?」- Introduction to Website Accessibility

        資料來源：World Wide Web Consortium (W3C)

        http://www.w3.org/WAI/intro/accessibility.php

3.      「網路可親近性」-Web Accessibility

        資料來源：Employers Forum on Disability

        http://www.employers-forum.co.uk/www/guests/accessibility/

4.       「網路可親近性」-Web Accessibility

        資料來源：IBM

        http://www-03.ibm.com/able/guidelines/web/accessweb.html

5.       親近性檢驗工具-Accessibility evaluation tools

        W3C Markup Validation Service 

        http://validator.w3.org

        Watchfire WebXACT

        http://webxact.watchfire.com

6.      其他相關網站：

TRACE (Research and Development Centre on Technology and Disability)

http://trace.wisc.edu/

Rehabtool.com

http://www.rehabtool.com/