無障礙的認知•外在環境的安適•網頁的瀏覽•資訊的取得身心障礙者瀏覽網頁的困難•在茫茫網海，找不到網頁。•無法判讀與打字輸入不方便。•英文接受能力。•網頁字體太大或太小。•輔具無法辨識圖表及顏色內容。何謂無障礙網頁「無障礙網頁」(WEBContentaccessibility)•不論身心是否有障礙，每個人都有權利存取網路資源。每個人都有權利存取網路資源。透過無障礙網頁的設計，使任何使用者都能更便利地使用網站，排除使用網頁時可能遇到的問題。•網際網路發展之初，主要是分享不同電腦間的文字資料。隨著多媒體、超媒體的發展多媒體、超媒體的發展，許許多多的網頁技術不斷被開發出來，為了能吸引使用者的目光，網頁設計者大量的圖片、語音、動畫等充斥網頁，但卻未在同時考慮身心障礙者在使用這些資訊時所可能碰到的問題，因而造成今日的網際網路障礙重重造成今日的網際網路障礙重重。何謂無障礙網頁•為了改善這個問題，許多世界性的組織，包括我國政府都開始注意到相關的問題，因此提倡「網際網路無網際網路無障礙障礙」的概念，希望提供一個平等參與提供一個平等參與的網路服務空間。了解無障礙網頁•開發無障礙網頁並不困難–基於W3C的HTML規範。–是落實網頁設計的一種具體目標。•講究平權國家的進步指標–先進國家推動資訊社會的重要議題。–無障礙網頁落實＝數位落差縮短•無障礙網頁不一樣就是不一樣–對廣大身心障礙者是不可或缺的。–要欺瞞無障礙網頁檢驗器是很容易的，但是那樣不會讓您的網頁無障礙。無障礙網頁檢測•行政院研考會無障礙網頁檢測可以被辨識的網頁內容•圖片替代文字•表格處理•色彩處理－顏色問題圖片替代文字•螢幕朗讀軟體可以讀得到文字•純文字瀏覽器能顯示這段文字•Google會為這段文字建立索引•瀏覽器(例如IE，Netscape)則會用工具提示或者在狀態列顯示出來圖片替代文字•有意義的替代文字•條列式小圖示的alt“可採用*”•無意義的裝飾性圖示以alt=“”標示•應避免使用跳動的圖片，觀看者容易分心及造成眼睛的不適。且較容易剌激心臟病及氣喘等患者。多媒體替代內容•影片、聲音–視覺障礙者可以用聽的。•對白/獨白、字幕–聽覺障礙者可以讀取並了解內容。•歌曲、歌詞–聽覺障礙者可透過文字瞭解歌曲內容。表格處理•為了讓視覺障礙者可理解表格資訊–必須標明表格行和列的標題–結構化的標記彼此的關係表格處理•表格摘要說明–使用
……–5.5：H305004表格須提供表格摘要說明(如summary屬性)。–範例說明表格處理•表格標題–使用
……–5.6：H305105資料表格須提供標題說明。–範例說明表格處理•表格行列標題–使用
–5.1:H105100對於每一個存放資料的表格（不是用來排版），標示出行和列的標題。–範例說明表格處理•結構化表格：–使用th標籤中scope屬性–欄：col、列：row•複雜的表格：–使用th標籤中axis屬性、headers屬性及id屬性表格處理•Tabletag須使用summary屬性。–視覺障礙者的網頁閱讀系統能夠讀取Summary資訊，可以事先得知表格內的資料種類，增加閱讀網頁的便利性。色彩處理－顏色問題•色彩處理重點–前景和背景色澤若太接近，會混淆顯示內容。–在瀏覽上，會比較吃力。色彩處理－顏色問題•避免使用顏色表示重點(在無顏色情況下，無法強調重點)•可以底線表示重點(在無顏色情況下，仍可強調重點)•或以顏色及加上斜體表示重點(在無顏色情況下，仍可強調重點)網頁標題•設定網頁標題用意為，讓使用者儲存我的最愛時，有清楚的網頁標題名稱。•簡單的說明標題，內容避免籠統不清。–國立臺南大學游標順序•使用tabindex屬性設定TAB鍵在表單控制項的移動順序。•使用者按下TAB鍵時，控制鍵的順序將會依照連結中tabindex的設定值大小決定移動順序。開新視窗•由於視覺障礙者難以察覺正在瀏覽的網頁將轉換至其他頁面，及跳回原瀏覽網頁的困難，如開新視窗須告知使用者。•若網頁中有需要開啟新視窗，建議讓使用者自行操作。–target=“_blank”alt==“電算中心(另開視窗)"我國無障礙網頁開發規範•十四條規範•九十條相關的檢測要點–分屬：–第一優先–第...1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。
3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。 | 
