100 likes | 276 Views
行政院研究發展考核委員會 網頁無障礙設計說明會. 身障人士談無障礙網頁. 主講人 財團法人國家實驗研究院 高速網路與計算中心 王建立 博士 99 年 6 月 29 日. 淺談無障礙網頁之精神. - 網頁的建置目的為何? - 公共資訊應考慮每位國民的資訊均等權 - 並非僅針對特定族群有助益 - 無障礙網頁並非對所有的人毫無障礙 - 如果瀏覽網頁常有人問道:在哪裡?那這個網頁可能就有障礙. 各國現行資訊無障礙推動現況. - 美國布朗大學公共政策中心自 2001 年起,每年針對近 200 個國家進行全球電子化政府評比,其中有一個項目是「無障礙網頁服務。」
E N D
行政院研究發展考核委員會網頁無障礙設計說明會行政院研究發展考核委員會網頁無障礙設計說明會 身障人士談無障礙網頁 主講人 財團法人國家實驗研究院 高速網路與計算中心 王建立 博士 99年6月29日
淺談無障礙網頁之精神 - 網頁的建置目的為何? - 公共資訊應考慮每位國民的資訊均等權 - 並非僅針對特定族群有助益 - 無障礙網頁並非對所有的人毫無障礙 - 如果瀏覽網頁常有人問道:在哪裡?那這個網頁可能就有障礙
各國現行資訊無障礙推動現況 - 美國布朗大學公共政策中心自2001年起,每年針對近200個國家進行全球電子化政府評比,其中有一個項目是「無障礙網頁服務。」 - 台灣自開始起,迭獲佳績,排名均在前10名內。
有障礙網站跟無障礙網站對於身心障礙者取得資訊之差異有障礙網站跟無障礙網站對於身心障礙者取得資訊之差異 - 以空間有障礙為對比 人行道置放攤位、停放機車 - 公共建築物沒有斜坡道設計沒有電梯及語音提示
網頁資訊如何傳達到瀏覽者 - 網頁內容設計應符合無障礙開發規範 - 所使用的瀏覽器或輔助工具應具備足夠的功能 - 上網瀏覽者應具備操作電腦或輔具的基本能力
哪些網頁設計會造成障礙 - 欠缺系統性的階層式配置 - 圖形或影像文字連結沒有替代文字 - 僅能以滑鼠啟動事件 - 無法讓使用者明白目前所處位置的標題 - 驗證碼僅有圖形 - 分別舉有障礙的網頁和無障礙的網頁為對比說明
資訊系統無障礙輔具介紹 - 舉螢幕報讀軟體 (Screen Reader) NVDA 透過 IE 瀏覽網頁為例: - 提供快捷鍵跳至網頁上各種不同元件所在位置,如下頁所示
NVDA瀏覽網頁的快捷鍵 Heading: 標題 List: 清單 list Item: 清單列表項目 Table: 表格 linK:連結 Nonlinked text: 非連結的文字區塊 Form field: 表單項 Unvisited link: 未造訪過的連結 Visited link: 已造訪過的連結 Edit field: 編輯方塊 Button: 按鈕 X: 核取方塊 Combo box:下拉方塊 Radio button:圓形單選按鈕 block Quoted:引述區 Seprarator:分格符號 fraMe: 頁框 Graphic: 圖片 ARIA lanD mark:地標項目 embedded Object:嵌入式物件 按數字列上的1至 6分別移到下一個第一級至第六級的標題
結語(1/2) -知不難,行更容易 無障礙網頁開發並不難,掌握其要點就可得心應手。網頁開發應多與最可能受到影響的障礙者討論,請其協助測試是否有造成障礙。 -身心障礙者及老人社會參與度提高 社會愈進步,所有的國民不分老少、族群及身心障礙與否,均有強烈參與社會各項活動的動機,並期望能融入社會,不受隔離。
結語(2/2) - 隨著人口老化每個人或自己的親朋好友,終其一生,有可能在某一階段產生某一程度的身心障礙。 - 利人利己 網頁設計時多用點心可能造福的是自己或週邊的人。