1 / 14

無障礙網頁支援方案

無障礙網頁支援方案. 淡江大學盲生資源中心： 林柏榮. 字形字意輔助系統. CBE98 編輯器. NCSA Telix Commo. 網際 網路. BBS 站 Mail 主機. TKBirds97 ET2000 國音. 全盲視障者. 視障專用純文字瀏覽器. 語音箱. 金點二號. 全球資訊網. 視障者上網模式探討. 視障者慣用 MS-DOS 作業系統，有傳統記憶體 640K 限制 透過淡大盲生資源中心入口網站上網 伺服器端執行網路軟體，無 640K 限制 以 NCSA 透過淡大入口網站，可多工多視窗

amie
Download Presentation

無障礙網頁支援方案

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 無障礙網頁支援方案 淡江大學盲生資源中心：林柏榮

  2. 字形字意輔助系統 CBE98編輯器 NCSA Telix Commo 網際 網路 BBS站 Mail主機 TKBirds97 ET2000 國音 全盲視障者 視障專用純文字瀏覽器 語音箱 金點二號 全球資訊網 視障者上網模式探討 • 視障者慣用MS-DOS作業系統，有傳統記憶體640K限制 • 透過淡大盲生資源中心入口網站上網 • 伺服器端執行網路軟體，無640K限制 • 以NCSA透過淡大入口網站，可多工多視窗 • 伺服器端提供最新視障介面網路軟體，免除視障者自行更新之不便

  3. 純文字的數位落差 • 1997年「行政院NII推動小組」之「無障礙網頁設計要點」 • 2002年「行政院研考會」之「無障礙網頁開發規範」 • Lynx與主流瀏覽器落差太大 • 純文字模式使網頁呈現內容受到極大限制 • 表格、框架、多媒體資料與其他外掛軟體等條文相當繁瑣不易瞭解

  4. Internet Explorer

  5. Lynx 純文字瀏覽器

  6. 視窗導盲鼠網頁支援方案 • 直接操作Windows作業系統 • 可使用Internet Explorer瀏覽器，打破使用Lynx所導致的視障者與純文字的等號關係 • 「行政院NII推動小組」的12條「無障礙網頁設計要點」僅剩一條(圖形加替代文字) • 解決網頁動態元件問題(純導盲鼠模式) • 共用邊框不再是障礙

  7. 網頁動態元件的干擾

  8. 網頁共用邊框的問題

  9. 多重使用者介面網站建置 • 視障者的視覺能力差異性頗大，全盲、重度弱視、輕度弱視、對某些顏色對比敏感 • 利用多重使用者介面(全盲純文字、弱視大字體、高反差顏色配置)，達到個人化網頁的功能 • 可確保網站內容同步，僅使用者介面不同 • 免費系統核心PHPNuke、PostNuke、Xoops等，縮短系統開發時間 • 以多重佈景主題功能設計多重使用者介面

  10. HTML to WML Big5 to Unicode Apache WEB Server Multi-User Interface PHP Nuke Core User Client MySQL Server Big5 to GB code 無障礙全球資訊網網站架構

  11. 網頁導盲磚設置 • 導盲磚－無障礙空間 • 網頁導盲磚－無障礙網路空間 • 網頁導盲磚格式 • :::左側區塊 • :::中央區塊 • :::右側區塊 • 網頁導盲磚語法 • <a accesskey=”L” href=”sitemap.htm”>:::左側區塊</a> • <a accesskey=”C” href=”sitemap.htm”>:::中央區塊</a> • <a accesskey=”R” href=”sitemap.htm”>:::右側區塊</a> • 網頁導盲磚美化 • 將字形設為最小字 • 字的顏色和底色相同

  12. 網頁導盲磚設置範例

  13. 網頁導盲磚美化

  14. 結語 • 視障者端介面的改良、瀏覽器加強對於身心障礙者的支援與無障礙網頁規範的制定三者必須同步進行，才能夠根本有效地解決問題。 • 「視窗導盲鼠系統」提供視障者在操作微軟視窗系統時完善的輔助介面，為視障者使用中文Windows平台跨出第一步。 • 使用Internet Explorer瀏覽器支援多媒體網頁，解開了Lynx所帶來的文字枷鎖，打破長年來視障者與純文字間的等號關係，提供政府在制定無障礙網頁規範時考慮之基準點(視窗模式)。 • 資料庫的運用與多重使用者介面的設計, 不但可以因應不同使用者的需求，減少瀏覽網頁的障礙，也可以避免多套網頁所產生的不同步問題。 • 「網頁導盲磚」的設置不須大幅度修改網頁，又可以有效的簡化視障者瀏覽網頁的操作，提供政府單位在制定規範時參考。

More Related