無障礙的認知•外在環境的安適•網頁的瀏覽•資訊的取得(qǔdé)第一页,共四十七页。身心(shēnxīn)障礙者瀏覽網頁的困難•在茫茫網海,找不到網頁。•無法判讀與打字輸入不方便(fāngbiàn)。•英文接受能力。•網頁字體太大或太小。•輔具無法辨識圖表及顏色內容。第二页,共四十七页。何謂無障礙網頁「無障礙網頁」(WEBContentaccessibility)•不論身心是否有障礙,每個人都有權利存取網路資源。每個人都有權利存取網路資源。透過無障礙網頁的設計,使任何使用者都能更便利地使用網站,排除使用網頁時可能遇到的問題。•網際網路發展之初,主要是分享不同電腦間的文字資料。隨著多媒體、超媒體的發展多媒體、超媒體的發展,許許多多的網頁技術不斷被開發出來,為了能吸引使用者的目光(mùguāng),網頁設計者大量的圖片、語音、動畫等充斥網頁,但卻未在同時考慮身心障礙者在使用這些資訊時所可能碰到的問題,因而造成今日的網際網路障礙重重造成今日的網際網路障礙重重。第三页,共四十七页。何謂無障礙網頁•為了改善這個問題,許多世界性的組織,包括我國政府都開始注意(zhùyì)到相關的問題,因此提倡「網際網路無網際網路無障礙障礙」的概念,希望提供一個平等參與提供一個平等參與的網路服務空間。第四页,共四十七页。了解(liǎojiě)無障礙網頁•開發無障礙網頁並不困難•基於W3C的HTML規範。•是落實網頁設計的一種具體目標。•講究平權國家的進步指標•先進國家推動資訊社會的重要議題。•無障礙網頁落實=數位落差縮短•無障礙網頁不一樣就是不一樣•對廣大身心(shēnxīn)障礙者是不可或缺的。•要欺瞞無障礙網頁檢驗器是很容易的,但是那樣不會讓您的網頁無障礙。第五页,共四十七页。無障礙網頁檢測•行政院研考會無障礙網頁檢測第六页,共四十七页。可以(kěyǐ)被辨識的網頁內容•圖片替代文字(wénzì)•表格處理•色彩處理-顏色問題第七页,共四十七页。圖片替代(tìdài)文字•螢幕朗讀軟體可以讀得到文字•純文字瀏覽器能顯示這段文字•Google會為這段文字建立索引•瀏覽器(例如(lìrú)IE,Netscape)則會用工具提示或者在狀態列顯示出來第八页,共四十七页。圖片替代(tìdài)文字•有意義的替代文字•條列式小圖示的alt可採用“*”•無意義的裝飾性圖示以alt=“”標示•應避免使用跳動的圖片,觀看者容易(róngyì)分心及造成眼睛的不適。且較容易(róngyì)剌激心臟病及氣喘等患者。第九页,共四十七页。多媒體替代(...