XX市無障礙網(wǎng)站建設(shè)方案

1、 xxxx 市無障礙網(wǎng)站建設(shè)方案市無障礙網(wǎng)站建設(shè)方案討討 論論 稿稿xxxx 軟件技術(shù)有限責(zé)任公司軟件技術(shù)有限責(zé)任公司20112011 年年 5 5 月月 目目 錄錄第一部分 項目概述.31.1 建設(shè)背景.31.2 總體定位.3第二部分 項目需求概述.62.1 建設(shè)目標(biāo).62.2 建設(shè)任務(wù).62.3 服務(wù)對象分類.72.3.1 針對正常人的策略.72.3.2 針對外國人的策略.72.3.4 針對兒童的策略.82.3.4 針對老年人的策略.82.3.4 針對聽力殘疾人的策略.92.3.5 針對色盲人士的策略.102.3.6 針對視力障礙人士的策略.102.3.7 針對肢體殘疾人的策略.122.4

2、 國內(nèi)優(yōu)秀無障礙網(wǎng)站對比分析.122.4.1 網(wǎng)頁添加無障礙瀏覽輔助工具.122.4.2 語音無障礙網(wǎng)站.172.4.3無障礙瀏覽通道（專欄）.20第三部分 青島市無障礙網(wǎng)站建設(shè)方向.243.1 青島無障礙網(wǎng)站頻道內(nèi)容規(guī)劃方案 .243.1.1 網(wǎng)站規(guī)劃思路.243.1.2 頻道欄目架構(gòu).243.1.3 頻道頁面設(shè)計.243.1.4 頻道頁面功能和特點.243.2 時間計劃安排 .24第一階段.25第二階段.25第三階段.26第四階段.26第一部分第一部分 項目概述項目概述1.11.1 建設(shè)背景建設(shè)背景隨著社會的發(fā)展和進(jìn)步，信息技術(shù)逐漸融入每個人的生活，而隨著網(wǎng)絡(luò)技術(shù)應(yīng)用的普及，信息社會也已經(jīng)

3、逐步成形。在現(xiàn)今高度信息化的社會，殘障人士與一般人同樣享有使用信息科技、提高生活品質(zhì)的權(quán)利，但是殘障人士與普通民眾在數(shù)字資源的應(yīng)用上普遍存在數(shù)字鴻溝的現(xiàn)象。這一現(xiàn)象不僅造成信息鴻溝，更代表了一種多重性阻礙，顯示出在建立公平與先進(jìn)的信息社會上的困難。因此，為了消除殘障人士在信息上的數(shù)字鴻溝現(xiàn)象，信息無障礙的議題已逐漸受到各方的關(guān)注，政府有責(zé)任為其推出切實可行的策略和辦法，實現(xiàn)人人平等的需要。近年來許多西方發(fā)達(dá)國家已經(jīng)注意到網(wǎng)絡(luò)及信息資源的運(yùn)用對殘障人士的生活品質(zhì)和社會經(jīng)濟(jì)地位提升的影響，以及對殘障人士使用網(wǎng)絡(luò)資源的困擾，有些國家已通過政府機(jī)構(gòu)與民間企業(yè)的力量，積極推動和制訂無障礙網(wǎng)絡(luò)環(huán)境，尤其是

4、無障礙政府網(wǎng)站建設(shè)的相關(guān)政策。1.21.2 總體定位總體定位（1）提高政府、企業(yè)相關(guān)部門對信息無障礙的認(rèn)識通過實現(xiàn)網(wǎng)頁無障礙，加大社會宣傳，促進(jìn)政府、企業(yè)相關(guān)部門加大建設(shè)信息無障礙力度。從而使得更多的人群在信息社會中收益。通過實現(xiàn)網(wǎng)頁無障礙的相關(guān)新聞、最新政策的發(fā)布，中國信息無障礙行業(yè)標(biāo)準(zhǔn)技術(shù)發(fā)表，無障礙發(fā)展的特點介紹等信息，提高政府、企業(yè)相關(guān)部門對信息無障礙的認(rèn)識、呼吁全社會關(guān)心信息無障礙事業(yè)，加速網(wǎng)站無障礙事業(yè)發(fā)展，從而使得更多的人群在信息社會中收益。（2）成為信息無障礙領(lǐng)域信息發(fā)布的平臺通過實現(xiàn)網(wǎng)頁無障礙，使其成為信息無障礙領(lǐng)域信息發(fā)布的平臺。發(fā)布政府部門新出臺的相關(guān)政策措施，有利于民眾

5、更直接有效的了解信息無障礙的政策信息。（3）成為溝通交流的平臺通過實現(xiàn)網(wǎng)頁無障礙，使其成為溝通交流的平臺。為政府部門、企業(yè)相關(guān)部門、技術(shù)人員了解、認(rèn)識、學(xué)習(xí)提供全方面的知識源；使之成為信息無障礙領(lǐng)域相關(guān)法律知識及標(biāo)準(zhǔn)的資料庫。（4）成為知識獲取的平臺通過實現(xiàn)網(wǎng)頁無障礙，使其成為知識獲取的平臺。網(wǎng)頁本身嚴(yán)格遵守信息無障礙行頁標(biāo)準(zhǔn)等級 1 要求開發(fā)。在網(wǎng)頁中放置 wcag2.0規(guī)定、中國信息無障礙行業(yè)標(biāo)準(zhǔn)的相關(guān)規(guī)定，信息無障礙行頁標(biāo)準(zhǔn)等級 1 要求等內(nèi)容，幫助網(wǎng)頁制作人員更好的把握信息無障礙網(wǎng)頁制作規(guī)范以及制作技巧，使信息無障礙頻道具有可模仿性，為其他網(wǎng)站進(jìn)行無障礙設(shè)計制作提供參照樣本。（5）體驗

6、網(wǎng)頁信息無障礙通過實現(xiàn)網(wǎng)頁無障礙，使用網(wǎng)頁信息無障礙支持工具，使大家方便看網(wǎng)頁，聽網(wǎng)頁，體驗網(wǎng)頁信息無障礙。為民眾提供便民服務(wù)，幫助殘障以及老年人士實現(xiàn)漫游網(wǎng)絡(luò)的夢想；網(wǎng)頁的無障礙建設(shè)好似公路的鋪建，那么網(wǎng)頁信息無障礙支持工具就是路上的車，有了路可以讓車更好的行駛，從而使得身體差異人群能更快的到達(dá)目的地全面、順暢的看網(wǎng)頁，聽網(wǎng)頁，體驗網(wǎng)頁信息無障礙。第二部分第二部分 項目需求概述項目需求概述2.12.1 建設(shè)目標(biāo)建設(shè)目標(biāo)依據(jù)國家通信行業(yè)標(biāo)準(zhǔn)信息無障礙-身體機(jī)能差異人群-網(wǎng)站設(shè)計無障礙技術(shù)要求 ） ，參照國際通用網(wǎng)站無障礙設(shè)計規(guī)范，在“十二五”規(guī)劃期間內(nèi)，使“1+3”政府網(wǎng)站無障礙改造基本達(dá)到一

7、級及部分二級標(biāo)準(zhǔn)，即：網(wǎng)站具備操作引導(dǎo)提示、圖片信息替代文字、鏈接內(nèi)容有完整的可理解提示等無障礙特征，實現(xiàn)用鍵盤操作可以完成網(wǎng)站內(nèi)容訪問的基本無障礙目標(biāo)，盲人借助“讀屏軟件”等輔助工具可順利瀏覽網(wǎng)站信息，弱視人群借助站內(nèi)無障礙輔助工具，可以對文字（界面）大小、對比度、灰度等進(jìn)行調(diào)整以滿足其瀏覽需求。2.22.2 建設(shè)任務(wù)建設(shè)任務(wù)1根據(jù)無障礙網(wǎng)站所面向的不同用戶群體，從無障礙網(wǎng)站設(shè)計規(guī)范及技術(shù)規(guī)范的層面，完成對現(xiàn)有青島政務(wù)網(wǎng)站所有頁面的基礎(chǔ)性改造分析工作。 2. 在不影響網(wǎng)頁美觀、結(jié)構(gòu)、相關(guān)功能的前提下，以面向不同用戶群體所達(dá)到的功能為出發(fā)點，由簡單到復(fù)雜，通過javacript 等腳本語言的編

8、寫，實現(xiàn)對網(wǎng)站基礎(chǔ)性的技術(shù)改造，達(dá)到無障礙網(wǎng)站建設(shè)中等級 1 的要求。 3. 根據(jù)規(guī)范要求設(shè)計無障礙網(wǎng)站頻道，更進(jìn)一步的滿足不同用戶群體對無障礙網(wǎng)站的功能需求，達(dá)到無障礙網(wǎng)站建設(shè)中部分等級 2 的要求。 4以實現(xiàn)無障礙網(wǎng)站建設(shè)中部分等級 3 的要求為目標(biāo)，借助社會各界資源，將手語等與網(wǎng)站功能的有機(jī)結(jié)合，為殘疾人士提供更佳人性化的網(wǎng)站服務(wù)，使青島無障礙網(wǎng)站建設(shè)達(dá)到一個更高的水平。2.32.3 服務(wù)對象分類服務(wù)對象分類 2.3.1 針對正常人的策略 1、網(wǎng)站的頁面實現(xiàn)黑白反轉(zhuǎn)的效果 針對長時間使用網(wǎng)頁的用戶群體，通過黑白反轉(zhuǎn)的效果可以適用于易造成視疲勞的網(wǎng)頁。2.3.2 針對外國人的策略 1、訪問

9、日文網(wǎng)頁時，用平假名進(jìn)行注音 可以對當(dāng)前瀏覽的中文網(wǎng)頁上的漢字和片假名標(biāo)注平假名讀音。 2、訪問日文網(wǎng)頁時，用羅馬字進(jìn)行注音 可以對當(dāng)前瀏覽的網(wǎng)頁上的漢字、片假名和平假名標(biāo)注羅馬字讀音。2.3.4 針對兒童的策略1、對網(wǎng)站使用注音功能 可以對當(dāng)前瀏覽的中文網(wǎng)頁上的漢字標(biāo)注拼音。2.3.4 針對老年人的策略 1、字體和樣式可進(jìn)行控制（針對視覺不佳的老年人）網(wǎng)頁設(shè)計者應(yīng)該針對老年人的視力情況對網(wǎng)頁內(nèi)容的字體和樣式進(jìn)行調(diào)整或提供用戶自行調(diào)整的功能，比如字體的放大，樣式的變化（黑底白字或白底黑字） ，使得這類人群可以根據(jù)需要控制字體和樣式，確保信息的獲取。 2、建立編排格式良好的表格表格的呈現(xiàn)對于使用

10、各種特殊輸出裝置的老年人來說很可能會造成網(wǎng)頁內(nèi)容被切割成順序錯亂且無法理解的信息。因此在使用表格來表達(dá)信息時，應(yīng)建立編排格式良好的表格，并且這樣的表格也更方便老年人閱讀和了解其內(nèi)容。 3、不要用過于專業(yè)的語言，盡量使用自然語言網(wǎng)頁上的文字要盡量使用自然語言，過于專業(yè)的語言會讓人難以理解，遇到縮寫和簡稱，應(yīng)提供進(jìn)一步的說明。 4、提供網(wǎng)站內(nèi)容導(dǎo)引信息，提示用戶選擇網(wǎng)站內(nèi)容要有相關(guān)的導(dǎo)引信息，對老年人的選擇做出提示，使得老年人能夠便捷的獲取到自己想要的信息。 5、提供清楚的網(wǎng)站瀏覽導(dǎo)航網(wǎng)站瀏覽導(dǎo)航標(biāo)記要在網(wǎng)頁上清楚良好的表現(xiàn)，防止出現(xiàn)死鏈接或斷鏈的現(xiàn)象。 6、確保使用者能處理時間敏感內(nèi)容的改變在網(wǎng)

11、頁信息中所謂時間敏感內(nèi)容是指網(wǎng)頁顯示的信息可能會以可移動、閃爍或滾動條等方式來呈現(xiàn)或自動更新信息內(nèi)容。因為某些老年人在閱讀快速移動的文字或閃爍的圖形會造成其注意力分散或者身體不適的現(xiàn)象；各種特殊輸出裝置可能并無閱讀滾動條文字的功能，不能和移動中的信息內(nèi)容做互動操作。為了顧及以上這些使用網(wǎng)頁的需求，網(wǎng)頁開發(fā)者應(yīng)該小心使用這些時間敏感內(nèi)容的操作設(shè)計，要確定瀏覽器所提供的控制機(jī)制可讓老年人處理這些信息，否則就應(yīng)該考慮提供這些數(shù)據(jù)對象或網(wǎng)頁的替代方案。 7、確保簡單清楚的網(wǎng)頁內(nèi)容網(wǎng)頁內(nèi)容要力求簡單清晰，否則易使網(wǎng)頁內(nèi)容龐雜，信息海量，使得老年人無所適從。特別對于那些強(qiáng)調(diào)實效性，最新的重要內(nèi)容，能夠用醒

12、目的標(biāo)簽標(biāo)注，確保老年人能第一時間了解重要的內(nèi)容變化。2.3.4 針對聽力殘疾人的策略 在無障礙網(wǎng)站建設(shè)過程當(dāng)中可以采取以下措施為聽力殘疾人員提供服務(wù)：（1）所有語音檔案必須有文字旁白；（2）視訊中的聲音必須提供同步文字型態(tài)的旁白；（3）服務(wù)器端影像地圖中的超級鏈接必須在網(wǎng)頁中有額外對應(yīng)的文字超級鏈接；（4）多媒體呈現(xiàn)時，必須同步產(chǎn)生相對應(yīng)替代的語音或文字說明；（5）客戶端影像地圖中的超級鏈接必須在網(wǎng)頁中有額外對應(yīng)的可及性超級鏈接；2.3.5 針對色盲人士的策略對具有圖像、視頻、小程序（applets）或是任何非文本（non-text）的內(nèi)容及信息提供相關(guān)的文字?jǐn)⑹?。使用文字來敘述該對象的?nèi)容

13、或功能。記得要在所有的圖像上使用 alt 標(biāo)簽來加注；選擇顏色及反差/對比色時要謹(jǐn)慎。不要以顏色作為傳達(dá)信息的主要指針。在色彩的調(diào)配及組合上也要小心。在文字和背景色的選擇要格外謹(jǐn)慎，例如不要在黑色的背景上使用藍(lán)色系的文字等。2.3.6 針對視力障礙人士的策略首先，在無障礙網(wǎng)站建設(shè)過程當(dāng)中可以采取圖片的顯示加上文字說明，讓網(wǎng)頁的替代文字說明，這樣文字說明可經(jīng)由屏幕閱讀軟件(視障人士使用的輔助工具)或點字機(jī)來讀取網(wǎng)頁資訊。另外，在無障礙網(wǎng)站建設(shè)過程當(dāng)中可以采取以下措施與讀屏軟件相互配合來為視力障礙人士提供人性化的服務(wù)：（1）圖片需要加上替代文字說明;（2）對于 applet 提供替代文字說明;（3

14、）對于 object 提供替代文字說明;（4）對于窗體中的圖形按鍵提供替代文字說明;（5）影像地圖區(qū)域需要加上替代文字說明;（6）所有語音檔案必須有文字旁白;（7）多媒體視覺影像呈現(xiàn)時，必須提供聽覺說明;（8）視訊中的聲音必須提供同步文字型態(tài)的旁白;（9）多媒體呈現(xiàn)時，必須同步產(chǎn)生相對應(yīng)替代的語音或文字說明;（10）當(dāng) alt 屬性的文字陳述大于 150 個英文字符時，考慮另外提供文字?jǐn)⑹?圖形替代文字陳述不夠清晰時，提供更多的文字描述(如使用longdesc 屬性);其次，視力障礙人士可以使用讀屏軟件作為輔助工具來到網(wǎng)站內(nèi)容進(jìn)行瀏覽。讀屏軟件是一種可以幫助盲人上網(wǎng)的工具，現(xiàn)在國內(nèi)有陽光讀屏、

15、永德讀屏和晨光讀屏、爭渡讀屏等軟件。讀屏軟件是專為盲人或視力有障礙的人設(shè)計的屏幕朗讀軟件。視障人士可通過數(shù)字鍵盤的切換操作，以及大鍵盤上的幾個功能鍵的切換，就能夠隨心所欲地進(jìn)行查找和處理文件，對網(wǎng)頁進(jìn)行導(dǎo)航瀏覽、編輯和收發(fā)電子郵件。2.3.7 針對肢體殘疾人的策略無障礙網(wǎng)站建設(shè)過程當(dāng)中應(yīng)當(dāng)為肢體殘疾人考慮以下幾點因素同時也可以采用一些人性化輔助工具：以鍵盤取代鼠標(biāo)操作，以利肢體殘疾障礙人士操作網(wǎng)頁。肢體障礙者部分因為只能做小區(qū)域的操作，而不能和移動中的信息內(nèi)容做互動操作。為了考慮相關(guān)人士使用網(wǎng)頁的需求，網(wǎng)頁開發(fā)者應(yīng)該小心使用這些時間敏感內(nèi)容的操作設(shè)計，要確定瀏覽器所提供的控制機(jī)制可讓身心障礙人

16、士處理這些信息，否則就應(yīng)該考慮提供這些數(shù)據(jù)對象或網(wǎng)頁的替代方案。同時應(yīng)當(dāng)考慮肢體障礙 (physical disabilities)人士使用網(wǎng)頁信息所必須考慮的種種因素。除此之外，考慮因素也應(yīng)包括這些肢體障礙人士所使用的特殊上網(wǎng)裝置(特殊按鈕、特殊鍵盤、點字輸入裝置等)，這些裝置可能是使用各種不同的操作系統(tǒng)，或只具有基本的網(wǎng)頁瀏覽功能。2.42.4 國內(nèi)優(yōu)秀無障礙網(wǎng)站對比分析國內(nèi)優(yōu)秀無障礙網(wǎng)站對比分析2.4.1 網(wǎng)頁添加無障礙瀏覽輔助工具1. 純文本通道點擊后進(jìn)入純文本模式網(wǎng)頁，在純文本網(wǎng)頁中，將網(wǎng)頁中的圖像等非文本內(nèi)容轉(zhuǎn)化成文本，并以線性化的顯示方式從上到下顯示，以滿足具有不同訪問需求人群的

17、需求。進(jìn)入純文本模式后還可以通過點擊“切換為可視化模式”按鈕返回正常模式。 2文字大小控制按鈕文字大小控制按鈕可以調(diào)整網(wǎng)頁的字體大小，包括中等字體、大型字體、超大字體、還原字體等功能，該按鈕缺省狀態(tài)為“中等字體” ，通過點擊該按鈕改變頁面的字體大小和按鈕狀態(tài)。按鈕狀態(tài)改變順序為：中等字體大型字體超大字體還原（中等）字體。3高對比度顯示所謂高對比度是將當(dāng)前頁面網(wǎng)頁的前景內(nèi)容和背景的顏色對比調(diào)到最大，為弱視用戶能夠清晰地訪問網(wǎng)頁內(nèi)容提供了幫助。4輔助線 輔助線是橫豎兩條紅色的基準(zhǔn)線，為視力障礙用戶校隊閱讀的位置提供了幫助。5界面放大和縮小網(wǎng)站瀏覽者可根據(jù)自己的需求自行調(diào)整網(wǎng)頁界面的大小，界面放大是

18、將網(wǎng)站當(dāng)前頁面顯示比例放大，界面放大后網(wǎng)頁內(nèi)容也會隨之變大； 界面縮?。簩⒕W(wǎng)站當(dāng)前頁面顯示比例縮小，界面縮小后網(wǎng)頁內(nèi)容也會隨之變小。6無障礙強(qiáng)化導(dǎo)航功能網(wǎng)站為方便盲人瀏覽，采用最先進(jìn)的有含義的標(biāo)記方式，為屏幕閱讀器軟件讀取網(wǎng)站內(nèi)容提供了完備的支持，盲人朋友可以通過無障礙強(qiáng)化導(dǎo)航功能，快速切換到目標(biāo)位置，結(jié)合讀屏軟件瀏覽網(wǎng)站信息。7無障礙快捷鍵設(shè)置無障礙快捷鍵設(shè)置分為以下四類：1）欄目跳轉(zhuǎn)的快捷鍵設(shè)置； 2）區(qū)域跳轉(zhuǎn)的快捷鍵設(shè)置； 3）無障礙輔助瀏覽工具的快捷鍵設(shè)置； 4）語音驗證碼的快捷鍵設(shè)置； 欄目跳轉(zhuǎn) a）欄目分組跳轉(zhuǎn)快捷鍵：ie6 使用快捷鍵(alt+z)；ie8 及其它瀏覽器使用快捷鍵

19、（ctrl+z） ； b）欄目分組逆向跳轉(zhuǎn)快捷鍵：ie6 使用快捷鍵(shift+ alt+z)；ie8 及其它瀏覽器使用快捷鍵（ctrl+shift+z） ； 返回?zé)o障礙操作說明頂部 區(qū)域跳轉(zhuǎn) a）跳轉(zhuǎn)到主要內(nèi)容區(qū)快捷鍵： ie6 使用快捷鍵(alt+c)；ie8及其它瀏覽器使用快捷鍵（alt+ctrl+c） ； b）跳轉(zhuǎn)到正文區(qū)域的快捷鍵：ie6 及其它瀏覽器通用快捷鍵(alt+c)，跳轉(zhuǎn)到主要內(nèi)容區(qū)域后，再使用 tab 鍵或向下方向鍵閱讀內(nèi)容； c）跳轉(zhuǎn)到頂部導(dǎo)航區(qū)快捷鍵：ie6 及其它瀏覽器通用快捷鍵(alt+k)； d）跳轉(zhuǎn)到中間內(nèi)容區(qū)快捷鍵：ie6 使用快捷鍵(alt+m)；ie8

20、 及其它瀏覽器使用快捷鍵（alt+ctrl+shift+m） ； e）跳轉(zhuǎn)到左部內(nèi)容區(qū)快捷鍵：ie6 使用快捷鍵(alt+l)；ie8 及其它瀏覽器使用快捷鍵（alt+ctrl+shift+l） ； f）跳轉(zhuǎn)到底部內(nèi)容區(qū)快捷鍵：ie6 使用快捷鍵(alt+b)；ie8 及其它瀏覽器使用快捷鍵（alt+ctrl+shift+b） ； 返回?zé)o障礙操作說明頂部 無障礙工具條 a）關(guān)閉和開啟工具條快捷鍵：ie6 及其它瀏覽器通用快捷鍵(alt+j)； b）純文本模式開啟快捷鍵：ie6 及其它瀏覽器通用快捷鍵（alt+shift+j） ； d）可視化模式返回快捷鍵：ie6 及其它瀏覽器通用快捷鍵（alt

21、+ctrl+j） ，純文本模式開啟、返回快捷鍵不依賴于工具條的開啟狀態(tài)。 返回?zé)o障礙操作說明頂部 語音驗證碼 a）播放語音驗證密碼的快捷鍵（alt+q） ，當(dāng)焦點移動到輸入驗證碼的文本框時，讀屏軟件會朗讀：請按快捷鍵（alt+q）播放語音驗證碼。此時按（alt+q）就會收聽到語音驗證碼信息。2.4.2 語音無障礙網(wǎng)站中國殘疾人聯(lián)合會語音網(wǎng)站、北京市朝陽區(qū)無障礙網(wǎng)站、江西省信息產(chǎn)業(yè)廳無障礙化網(wǎng)站這三個網(wǎng)站采用了建設(shè)語音無障礙網(wǎng)站（專欄）的形式讓障礙人士實現(xiàn)無障礙訪問。實現(xiàn)此類網(wǎng)站網(wǎng)站建設(shè)方采購語音閱讀軟件，以及事先錄制各類說明性語音，并結(jié)合網(wǎng)站快捷鍵進(jìn)行無障礙訪問。 中國殘疾人聯(lián)合會朝陽無障礙網(wǎng)站 江西省信息產(chǎn)業(yè)廳2.4.3 無障礙瀏覽通道（專欄）1上海市司法行政網(wǎng)無障礙瀏覽通道（專欄）上海市司法行政網(wǎng)既實現(xiàn)了通過全網(wǎng)站的無障礙工具條來訪問網(wǎng)站的所有網(wǎng)頁